常用CSS样式速查
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: vertical-lr;
| 作用 | 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 FF |
|
EDGE浏览器在INPUT框输入内容后会自动在 框末尾生成一个X号,如果是密码框会生成小眼睛.如何去掉 |
::-ms-clear, ::-ms-reveal{display: none;}
|
EDGE 谷歌 FF无此现象 |
|
让文字竖着排列.lr表示从左到右 |
writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; |
谷歌 |