欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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;
	}
相关标签: it