input number css hidden arrow All In One

input number css hidden arrow

show arrow

OK

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}

https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp

https://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box

select css hidden arrow

OK

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

https://stackoverflow.com/questions/16603979/how-to-remove-the-default-arrow-icon-from-a-dropdown-list-select-element

/* This is to remove the arrow of select element in IE */

select::-ms-expand {	display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}

::-webkit-scrollbar

how to hidden ::-webkit-scrollbar

.tabs-title-box::-webkit-scrollbar,
.tabs-content-box::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  background: transparent;
}

refs

---

---

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---