css总结
程序员文章站
2022-05-25 08:04:02
...
1:去掉点击元素时产生的背景或边框和高亮
a,input,button,select,textarea{
outline:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
2:去掉ie自带的input删除功能
input::-ms-clear {/* 去掉ie自带的input删除功能 */
display:none;
}
3:添加disabled属性使元素不可点击
*.disabled,
*[disabled] {/*添加disabled属性使元素不可点击*/
pointer-events: none;
cursor: not-allowed;
}
4:去除下拉框样式
select {/* 去除下拉框样式 */
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {/* ie浏览器去除下拉框样式 */
display: none;
}
5:去除chrome下input输入框等黄色背景
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
6:设置滚动条样式,主要用在移动端
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
width: 10px;
height: 10px;
background: red;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track,::-webkit-scrollbar-corner {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 15px;
background: red;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 15px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background: red;
}
上一篇: Struts2文件上传