文本框css样式,css设置文本框样式

html文本框圆角边框css样式怎么写

border-radius属性可以实现元素的圆角。如下css可以实现文本框（单行、多行）的圆角：

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和百分比较多，其他单位也可

相关问答

Q1: 怎么在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

Q2: 文本框CSS样式问题

如果你不想要白边，就把

border:

solid

1px

#cacaca;去掉，ie和火狐的处理边框是不一样的，ie把边框放到文本框的外面，火狐是放到文本框的里面