文本框css样式,css设置文本框样式
html文本框圆角边框css样式怎么写
border-radius属性可以实现元素的圆角。如下css可以实现文本框(单行、多行)的圆角:
网站设计制作、成都网站制作介绍好的网站是理念、设计和技术的结合。创新互联拥有的网站设计理念、多方位的设计风格、经验丰富的设计团队。提供PC端+手机端网站建设,用营销思维进行网站设计、采用先进技术开源代码、注重用户体验与SEO基础,将技术与创意整合到网站之中,以契合客户的方式做到创意性的视觉化效果。
input[type=text],textarea{border-radius:3px;border:1px solid #000;}border-radius用法如下:
border-radius
属性是一个简写属性,用于设置四个
border-*-radius
属性。
该属性允许为元素添加圆角边框
语法:
border-radius:
1-4
length|%
/
1-4
length|%;
按此顺序设置每个
radius
的四个值。
如果省略
bottom-left,则与
top-right
相同。
如果省略
bottom-right,则与
top-left
相同。
如果省略
top-right,则与
top-left
相同。
单位一般用px和百分比较多,其他单位也可
怎么在js中给文本框添加CSS样式
在页面内用JS操作CSS除非用AJAX,但操作页面内的样式的话,是可以的。操作样式分为改变直接样式,改变className和改变cssText三种
一、局部改变样式
调用方法:
改变className
div id="demo"测试/div
script
document.getElementById('demo').className="test";
/script
改变直接样式
div id="demo"测试/div
script
document.getElementById('obj').style.backgroundColor="#003366";
/script
二、全局改变样式
可以通过改变外链样式的的href的值实现网页样式的实时切换
link rel = "stylesheet" type="text/css" id="css" href="firefox.css" /
span on click="javascript:document.getElementById('css').href = 'ie.css'"点我改变样式/span
文本框CSS样式问题
如果你不想要白边,就把
border:
solid
1px
#cacaca;去掉,ie和火狐的处理边框是不一样的,ie把边框放到文本框的外面,火狐是放到文本框的里面
当前题目:文本框css样式,css设置文本框样式
网站URL:http://pwwzsj.com/article/dsehpsg.html