后续文章更新见https://github.com/yooellie/useful-common-css/blob/master/css/common.css
常用的CSS小技巧
使用自定义select
select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: url("select.png") no-repeat right center;
}
去除input右边的x
::-ms-clear {
display: none;
}
去除密码框的小眼睛
::-ms-reveal {
display: none;
}
谷歌浏览器点击后会使得内边框有颜色,清除内边框
input,
textarea,
select,
button {
outline: none;
}
边框阴影效果
.modal {
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084);
}
ul去除黑点
ul {
list-style-type: none;
}