input标签 css设置
有很多种解决方案：
直接在input标签里写：
可以通过给input标签设置id：，然后在css文件中这样写：#inp{border:1px solid red;"}
如果要是统一的设置所有的input标签还可以这样写：css中这样写：input{border:1px solid red;"}
当然你还可以通过js jQuery等来定义你所需要的css样式。
html中 默认值的样式设置：
修改隐式的显示文字默认值。可以使用（input::-webkit-input-placeholder{color:#0F0;}）。
修改后默认的灰色的字体颜色会变为自行设置的绿色。
修改用户输入时文字默认值。可以使用（input{color:#CF0;}）。
拓展资料：input{
font-size:1.4em; 设置输入框中字体的大小
height:2.7em; 设置输入框的高度
border-radius:10px; 设置输入框的圆角的大小
border:1px solid #c8cccf;设置输入框边框的粗细和颜色
color:#986655; 设置输入框中文字的颜色
outline:0; 将输入框点击的时候出现的边框去掉
text-align:center; 设置输入框中文字的位置
display:block; 将输入框设置为块级元素
}
设置的方法和详细的操作步骤如下：
1、第一步，使用sublime
text2创建一个用于测试的新HTML页面，见下图，转到下面的步骤。
2、第二步，完成上述步骤后，在网页上添加标签和输入框，见下图，转到下面的步骤。
3、第三步，完成上述步骤后，预览效果，可以知道默认宽度为10，见下图，转到下面的步骤。
4、第四步，完成上述步骤后，通过设置size属性来修改宽度，见下图，转到下面的步骤。
5、第五步，完成上述步骤后，再次预览效果，宽度减小了，见下图，转到下面的步骤。
6、第六步，完成上述步骤后，如果修改其他内容需要添加“style”属性，见下图，转到下面的步骤。
7、第七步，完成上述步骤后，预览最终效果，可以看到宽度和高度已更改，见下图。这样，就解决了这个问题了。
可以用选择器来做，但CSS不能直接区分radio和checkbox，这个需要有父选择器来控制。
举例说明一下：
<div class="radio">
<input type="radio" value="单选1" />单选1
<input type="radio" value="单选2" />单选2
<input type="radio" value="单选3" />单选3
</div>
<div class="checkbox">
<input type="checkbox" value="复选1" />复选1
<input type="checkbox" value="复选2" />复选2
<input type="checkbox" value="复选3" />复选3
</div>
CSS定义：
/*---单选样式--*/
.radio input{
width:40px;
border:#ff0000 1px solid;
}
/*---多选样式--*/
.checkbox input{
width:100px;
border:#0000ff 1px solid;
}
在input标签中加入 style属性
例如：
<input type="text" style="width: 171px ; height: 80px" />
也可以在css文件中
input{
width: 100%;
height: 100%;
}
checkbox 用css不好定义的
能够定义border和background
但是 定义之后会不好看的
楼上那位写的代码 也有问题
width那么长
checkbox一般就是个15px左右的正方形
搞个40px
辛单锐迈： 有很多种解决方案:1. 直接在input标签里写:<input type=＂text＂ style=＂border:1px solid red;＂/> 2. 可以通过给input标签设置id:<input type=＂text＂ id=＂inp＂/>,然后在css文件中这样写:#inp{border:1px solid red;＂} 3. 如果要是统一的设置所有的input标签还可以这样写:<input type=＂text＂/>css中这样写:input{border:1px solid red;＂} 4. 当然你还可以通过js jQuery等来定义你所需要的css样式.
秦淮区13072128443： 如何定义input标签中 type=＂text＂的CSS样式 - ？
辛单锐迈： 第一种:.style1{color:red;}.style2{color:green;}<input type=＂text＂ class=＂style1＂ /> <input type=＂password＂ class=＂style2＂ /> 第二种:<input type=＂text＂ style=＂color:red;＂ /> <input type=＂password＂ style=＂color:green;＂ /> 第三...
秦淮区13072128443： 如何设置html的input框的高度和宽度! - ？
辛单锐迈： 需要准备的材料分别有:电脑、浏览器、html编辑器. 1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码. 2、在index.html中的<input>标签中新增样式代码:style=＂width: 200px;height:60px;＂. 3、浏览器运行index.html页面,此时input框的宽度被设置为200px,高度被设备为60px了.
秦淮区13072128443： 如何使用CSS设置input标签的背景小图标 简单 - ？
辛单锐迈： 引入图标库,将这个图标与input标签放在一个div再用定位,margin也可以
秦淮区13072128443： 怎么设定 input的长度啊... - ？
辛单锐迈： 属性 size 按可见字符数设置宽度 属性 maxlength 规定最大可输入字符数 要保持整体美观,可用 css.<input> 标签用于搜集用户信息. 根据不同的 type 属性值,输入字段拥有很多种形式.输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等.详细的用法请参考:http://www.w3school.com.cn/tags/tag_input.asp
秦淮区13072128443： 如何为 HTML 的 input 按钮定义样式 - ？
辛单锐迈： 在input标签后加style=＂font-size:20px;＂或者定义一个id,在head中加一个标签块,定义#id{font-size:200px;}
秦淮区13072128443： css 怎么调input text 属性的长度? - ？
辛单锐迈： <!DOCTYPE HTML> <html><meta charset=＂UTF-8＂ /><head><title></title></head><script src=＂ <style type=＂text/css＂></style><body><input type=＂text＂ name=＂＂ id=＂mytext＂ value=＂＂ placeholder=＂宽度为150px＂ style...
秦淮区13072128443： javascript input改变css的样式 - ？
辛单锐迈： javascript input改变css的样式使用的语法如下:document.getElementById(id).style.property=new style例如:Hello World! <script> document.getElementById(＂p2＂).style.color=＂blue＂; </script>备注:JS改变元素属性的方法如下:<script> var div = document.getElementByIdx_x('d1'); div.setAttribute(＂class＂, ＂abc＂); </script>
秦淮区13072128443： css3 output 标签怎么用 - ？
辛单锐迈： <output> 标签是 HTML 5 中的新标签,作为计算结果输出显示(比如执行脚本的输出.例如,将计算结果显示在 <output> 元素中:<!DOCTYPE html><html><head> <meta charset=＂utf-8＂> <title>out标签的用法</title> </head><body><form ...
秦淮区13072128443： JS修改不指定ID的input的CSS - ？
辛单锐迈： css:.focus{你的样式} js:var ips = document.getElementsByTagName(＂input＂); var ips_ l = ips.length; for(var i = 0;i < ips_l;i++){ ips[i].onfocus = function(){ this.className = ＂focus＂; }; ips[i].onblur = function(){ this.className = ＂＂; } } 大体思路就是这样子
