后续文章更新见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; }