零碎小点心之表单默认样式
2016-01-02 阅读 248
“活到老学到老”用在IT这个行业是再合适不过了，所以把之前遇到的小小”绊脚石”收集下来，以便于复习、应用。
>取消chrome下`input`会和`textarea`的聚焦边框
input,button,select,textarea{outline:none;}
>取消chrome下`textarea`可拖动放大
textarea{resize:none;}
>伪元素改变`number`类型`input`框的默认样式
input[type="number"]::-webkit-textfield-decoration-container {
background-color: #f0f3f9;
}
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none; /* 有无看不出差别 */
}
更新于 2023年03月28日
