`

CSS input 不同类型 分别设置宽度

    博客分类:
  • css
阅读更多
input {
         width: expression((this.type=="checkbox" || this.type=="radio") ?"20px":"86px");
}
分享到:
评论

相关推荐

    用CSS对TD中INPUT的宽度设置

    用CSS对每个控件设置宽高。但设置成100%后,会将边框遮住,经过调整,将宽度设置成97%后显示正常,感兴趣的朋友可以参考下

    CSS教程:legend标签设定宽度

    <fieldset> 哪些浏览器legend标签设定的宽度有效</legend> <input type=checkbox value=ie6 name=width id=ie6 checked=checked /><label for=ie6>IE6</label> <input type=checkbox value=ie7 name=width ...

    如何利用css隐藏input的光标示例代码

    主要给大家介绍了关于如何利用css隐藏input光标的相关资料,这是最近工作中遇到的一个需求,虽然看似不合理,但是有需要就要有解决的办法,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来...

    css控制文本框宽度的方法

    比如,下面的一个文本框 ...style type=”text/css”> input {width:300px;}</style> 这样写您看明白了没?很简单吧,控制颜色也是同样的如果有很多个input 可以参数就可以了 比如name=等等

    div宽度设置width:100%后再设置padding或margin超出父元素的解决办法

    本文介绍的是利用CSS3的新属性box-sizing,解决div宽度设置width:100%后再设置padding或margin超出父元素的问题,有需要的朋友们可以参考借鉴。 语法 box-sizing: content-box|border-box|inherit; 值一、content-...

    jquery+css+div实现select选择框样式

    调用方式:$.divselect("#divselect","#inputselect");...根据需要修改css背景、css宽度、css高度等图片或css样式实现自己想要的select下拉菜单表单美化效果。演示地址:http://www.bcty365.com/content-73-325-1.html

    css中使input输入框与img(图片)在同一行居中对齐

    在写css时,使得input和img在同一行居中对齐的方法: 复制代码代码如下:img{vertical-align:middle;} input{width:宽度;height:高度;line-height:与高度一致;margin:0px;padding;0px;font-size:字体大小;border:边

    postcss-mqwidth-to-class:PostCSS插件将最小最大宽度的媒体查询转换为类,对于不支持媒体查询的客户端(例如IE8)很有用

    插件将最小/最大宽度的媒体查询转换为类,对于不支持媒体查询的客户端(例如IE8)很有用。 例子 /* Input example */ @media ( min-width : 768 px ) and ( max-width : 991 px ) { . foo { float : left; } } ...

    CSS中使用expression表达式

    下面是CSS样式 input { border:1px solid #B3D6EF; background:#ffffff; } input { star : [removed] onmouseover=function(){this.style.backgroundColor="#D5E9F6"}, onmouseout=function(){this.style....

    基于jquery数字加减输入框

    引用自定义类型通过 input框中设置 user_data属性; 5.如果认为插件数据设置不够合理可通过 data_step,data_min,data_max,data_digit四个属性设置步长、最小值、最大值、小数位数; ☆:注意属性值将会覆盖...

    Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt

    ②宽高直接设置是无效的 ③默认宽度就是他本身内容的宽度 ④行内元素只能容纳文本或其他行内元素 ⑤链接(a标签)里面不能再放链接 但可以放块级元素 比如图片 (3)行内块元素 img input td ①一行上可以有多...

    基于jquery的轻量级jquery数字加减输入框

    4.引用自定义类型通过 input框中设置 user_data属性; 5.如果认为插件数据设置不够合理可通过 data_step,data_min,data_max,data_digit四个属性设置步长、最小值、最大值、小数位数; ☆:注意属性值将会覆盖...

    基于jquery的轻量级jquery数字加减输入框 支持ie8

    4.引用自定义类型通过 input框中设置 user_data属性; 5.如果认为插件数据设置不够合理可通过 data_step,data_min,data_max,data_digit四个属性设置步长、最小值、最大值、小数位数; ☆:注意属性值将会覆盖...

    调整input里面的输入光标大小并兼容主流浏览器

    设置height和line-height一样的高度,使里面的输入文字能够居中,在FF下却出现了意外的情况就是当开始输入文字时,光标又变得跟文字一样高,下面有个不错的解决方法,大家可以参考下

    css3+贝塞尔曲线实现可伸缩input搜索框效果

    html代码部分主要模块就是一个input 外加一个 父级 div div宽度需要大于input宽度 不加 cubic-bezier 可以实现这个效果 transition: all 1s;   就是过渡效果少了个缓冲效果 我们这里使用到的运动曲线是 最后奉...

    纯CSS实现“文本溢出截断省略”的几种方法

    响应式截断,根据不同宽度做出调整 文本超出范围才显示省略号,否则不显示省略号 省略号位置显示刚好 基于上述的准则,下面我们通过编码实践,给出一些答案。 单行文本溢出省略 核心 CSS 语句 overflow: h

    css3图片边框border-image的用法

    我们可通过设置HTML元素的 border 的宽度、颜色、样式,来让HTML元素表现出不同的边框,比如双线、虚线、圆点线。但不管你怎么设置,这些都是一些非常原始的做法。从CSS3起,我们有了一个新的属性: border-image ,...

Global site tag (gtag.js) - Google Analytics