常用CSS样式速查

文本超过一行时,显示为省略号

overflow: hidden; /*超出时隐藏*/
text-overflow: ellipsis; /*文本超出时省略号*/
white-space: nowrap; /*不许换行*/

谷歌 EDGE FF测试可行

谷歌浏览器元素获得焦点时有个蓝色背景如何去掉

FF,EDGE下有焦点时是一个虚线框

outline: none;

谷歌 EDGE FF没背景也没虚线

不让文本选中,在做按钮或者不需要选中文本时有用

 -moz-user-select: none;
 -ms-user-select: none;
 -webkit-user-select: none;
 user-select: none;

EDGE浏览器在INPUT框输入内容后会自动在

框末尾生成一个X号,如果是密码框会生成小眼睛.如何去掉

::-ms-clear, ::-ms-reveal{display: none;}

让文字竖着排列.lr表示从左到右

　　writing-mode: vertical-lr;

　　-webkit-writing-mode: vertical-lr;

　　-ms-writing-mode: vertical-lr;