常用的CSS小技巧

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