使用css直接定义input标签

css

<style>
INPUT {
 color: expression(this.type=="button"?'red':'green');
}

</style>

<input type="button" name="test" value="haha">
<input type="text" name="test2" value="haha">

使用css可以很好的进行格式的设计,有的时候,甚至可以直接定义html的标签的格式,但对于input,这个标签,比较复杂。可能type=select  | type=button ||type=text等等几种情况。不好定义。于是就用上面的办法,对他进行定义。

如果是select还可以

 <input type="select" css=".mystyle">

如果是<asp:button >还可以

<asp:button cssClass=".mystyle">

不论如何,怎样都可以设置,这样可以减少流量。

时间: 2024-12-02 16:00:56

使用css直接定义input标签的相关文章

批量修改标签css样式以input标签为例_jquery

$("input[style]").each(function(){ $(this).css("border-width","1"); $(this).css("background-color","#A9A9A9"); }); 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索css样式 input标签 css input 样式.cs

如何修改input标签的输入方向?

问题描述 如何修改input标签的输入方向? 我想修改input的输入方向,让文字的输入从右向左,小白一枚,还请大神顺手拯救一下.. 解决方案 <input type="text" dir="rtl" /> 解决方案二: 自顶不息...跪求帮助 解决方案三: 批量修改标签css样式,input标签为例

input标签写CSS时需要注意的几点

飞鱼的声纳顶部的搜索框让我头疼了很长时间,原因是总不能获得跨浏览器的统一样式.主要的问题有这么两个:一是input标签的高度不能统一,Firefox和IE中的高度始终不能一致;二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直居中显示,而是靠输入框的左上角显示. 为了彻底解决搜索框的这些问题,我以GreenGaint主题搜索框的样式为准,重写了一遍代码并且以像素为单位测量了一下在没有任何样式表的情况下<input>标签在默认浏览器中的实际差别. 结果发现:i

css input标签字体靠右对齐 移动端不方便删除

问题描述 css input标签字体靠右对齐 移动端不方便删除 css input标签 字体靠右 在获得焦点时希望光标可以在字体的右边 解决方案 使用selectionStart和selectionEnd属性 <input type="text" style="text-align:right" value="1234566" onclick="this.selectionStart = this.selectionEnd = t

div+css 如何在table标签里面建立二级菜单

问题描述 div+css 如何在table标签里面建立二级菜单 <body> <div class="ontainer"> <div class="Header" align="center"><img src="无标题.jpg" width="80%" height="160" /></div><!--定义了width为

使用jQuery给input标签设置默认值_jquery

由于项目需求,简单地写了一个input默认值设置,实现给.form中所有的input设置默认值的方法. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>input默认值设置</title> <script type="text/javascript" src="http://apps.bdimg.com/li

php 过滤非法字符 与过滤html js css a等html标签代码

<form name="form1" method="post" action="">   <textarea name="content" cols="50" rows="10"></textarea>   内容  <input type="submit" name="Submit" value=&quo

用CSS控制输入框input悬停交互样式

制作表单的时候,实现鼠标悬停交互效果有多种方法: 1.在xhtml中直接写入onmouseover.onmouseout脚本就可以实现了,但这样就违背了web标准所倡导的内容.表现相分离的原则.以后若要对此进行修改也将会很繁琐.这样直接写入xhtml也会让页面代码增加,如果只是一个input输入框或许是无所谓的,如果是几十个几百个,增加的字节数就很宠大了. 2.在xhtml中加入小脚本,鼠标经过时可以切换CSS.具体内容请看这篇文章.虽然实现了内容.表现相分离,以后的修改也会很方便.但同样会让页

JavaScript获取并更改input标签name属性的方法

  本文实例讲述了JavaScript获取并更改input标签name属性的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <input name="kk"></input>   <script language="javascript"> // 这里用getElementsByTagName把所有的input对象取出来, //这是这个问题的关