打开编辑工具，创建静态页面。在页面中插入一个输入框。设置输入框的宽度、高度、文字样式。在初始化函数里编写table函数，对于不同情况设置不同的样式。预览静态页面，打开浏览器调试结果。
创新互联公司主营沙雅网站建设的网络公司,主营网站建设方案,App定制开发,沙雅h5成都小程序开发搭建,沙雅网站营销推广欢迎沙雅等地区企业咨询
使用css样式直接可以改变input的样式的，input属于行内替换元素height/width/padding/margin均可用，效果等于块元素。
可以用input的css中background属性设置。
1、第一步，使用sublime text2创建一个用于测试的新HTML页面，见下图，转到下面的步骤。第二步，完成上述步骤后，在网页上添加标签和输入框，见下图，转到下面的步骤。
2、点击后出现的外边框其实是outline，设为为none即可。至于文本位置，可以通过padding来调整位置，如加padding-bottom将文字推上去。
3、input：-ms-input-placeholder{ color：#999； } 注意-ms- 前面是一个 “：”。 1移动端点击某一行 ：active 时添加背景色，比如 li：active{ background：#eee； } 时，要给 body标签上写ontouchstart，否则没有效果。
4、需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：input{display： block；}。
5、可以用选择器来做，但css不能直接区分radio和checkbox，这个需要有父选择器来控制。
只有readonly的那个文本是蓝色的！disabled是按系统设置的disabled颜色来设置前景色的，css对其无效！另外，readonly和disabled还有一个不同点就是，当input属性为readonly时，提交表单是可以获得input的内容。
有两种方法 第一：disabled=disabled这样定义之后被禁用的 input 元素既不可用，也不可点击。 第二：readonly=readonly 只读字段是不能修改的。
disabled=true 此时文字会变成灰色，不可编辑。readOnly=true 文字不会变色，也是不可编辑的 浏览器运行效果：扩展材料：CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。
首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
可以用css3中新增的选择器“[attribute=value]”来同时选中指定的属性的标签。
第一步，使用sublime text2创建一个用于测试的新HTML页面，见下图，转到下面的步骤。第二步，完成上述步骤后，在网页上添加标签和输入框，见下图，转到下面的步骤。
使用css样式直接可以改变input的样式的，input属于行内替换元素height/width/padding/margin均可用，效果等于块元素。
submit有特殊的属性。跟button类似。input标签默认是type=text，所以你不写type=text也跟写了一样。这就是为什么你去掉type=submit能保证两者的长度一样。
使用起来代码少自由度高，但是麻烦点，IE下和FF下需要分别各自确定的定位，不懂CSS的人绕道吧。（20090120更新：也可以支持OP了）原理：把真实的input(file)置透明后放到模拟input(file)的上方，按钮重合。
由于IE8 不识别 ：disabled 导致input[disabled]，input：disabled样式失效，可以考虑单独来写，或者直接使用input[disabled]。；IE9及以下无法改变字体颜色。
在index.html中的style标签中，输入css代码：button {border：0；width： 200px；height： 80px；background-color： gainsboro； cursor： not-allowed} 浏览器运行index.html页面，此时通过css实现了按钮的禁用样式。
打开编辑工具，创建静态页面。在页面中插入一个输入框。设置输入框的宽度、高度、文字样式。在初始化函数里编写table函数，对于不同情况设置不同的样式。预览静态页面，打开浏览器调试结果。
