CSS样式总结

css常见的样式

input

input聚焦，出现边框，使用css去掉聚焦input时出现的边框：outline: none;

 /*文字长度太长，超过部分使用....代替*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

position 定位

position: fixed;  这个是固定模块，如果该模块特别长，那么就不能上下滑动

cursor（鼠标放上，显示样式）

css中鼠标放上去变成手型怎么设置：其实就是一个属性的问题，

css的cursor属性 

default：标准箭头 //这是默认的样式

pointer：手形光标  

wait ：等待光标  

text：I形光标  

vertical-text ：水平I形光标  

no-drop：不可拖动光标  

not-allowed：无效光标  

help：帮助光标  

all-scroll：三角方向标  

move  ：移动标  

crosshair：十字标

 

  有的地方手型用hand，在这里隆重的说明，不要用hand，有些浏览器不支持。

textarea（边框及滚动条）

 

1、让textarea不显示边框效果：

style="background-attachment: fixed; background-repeat: no-repeat; border-style: solid; border-color: #FFF">

2、让textarea不显示右侧滚动条：

style="overflow-y:hidden;overflow-x:hidden"

 

text-decoration 属性规定添加到文本的修饰。

 

值	描述
none	默认。定义标准的文本
underline	定义文本下的一条线
overline	定义文版上的一条线
line-through	定义穿过文本下的一条线
blink	定义闪烁的文本
inherit	规定应该从父元素继承 text-decoration 属性的值

resize: none;  textarea去掉右下角的标志