常用的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;
}