CSS小技巧——去除input[type=number]的默认样式

好的，可以使用以下CSS样式进行美化： ```css input[type=number] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 40px; padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type=number]:focus { outline: none; border-color: #66afe9; box-shadow: 0 0 5px rgba(102,175,233,.5); } ``` 这个样式会将 input type=number 元素的外观更改为没有默认样式。其中，-webkit-appearance、-moz-appearance 和 appearance 属性用于删除默认样式，width、height、padding、font-size、border、border-radius 和 box-sizing 属性用于设置元素的大小和边框。最后，-webkit-inner-spin-button 和 -webkit-outer-spin-button 属性用于删除默认的增加和减少按钮。

网址：CSS小技巧——去除input[type=number]的默认样式 https://www.yuejiaxmz.com/news/view/15038

相关内容

【Python小技巧】pip镜像源：清华镜像、阿里云镜像、豆瓣镜像与如何修改默认镜像源
【生活技巧】年末去除厨房油污技巧解析
在家照顾阿尔茨海默症患者的小贴士
松解或去除病人衣服的护理技巧
海鲜去腥烹饪的小技巧
生活用品怎样清理去污,清洁去污有小技巧
厨房清洗14招，厨具餐具炊具去污除锈小技巧，太实用赶紧收藏
手机垃圾删除技巧
家用电器 使用技巧
让环保成为生活方式

随便看看