常用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;

   谷歌
上一篇:T4 Template Overview


下一篇:Redis--配置密码