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: '';
}
/* 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;
0 !important;
height: 0 !important;
background: transparent;
}
©xgqfrms 2012-2020
www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!