首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

WordPress 后台样式:输入框 input class

我们在 WordPress 后台创建表单的时候,可以使用一些预定义好的 class 来定义输入框的宽度,而不需自己写样式,下图就是常用的输入框样式的效果: 下面我们详细讲解一下的: 最常用的是 regular-text...,宽度为25em: .regular-text { width: 25em; } 如果你要通栏显示,可以用 large-text,宽度为99%: input.large-text, textarea.large-text...{ width: 99%; } 如果小文本,可以使用 small-text,宽度为50px: input.small-text { width: 50px; padding: 1px 6px;...} 如果是 number 类型的话,会大一点,宽度为65px: input[type="number"].small-text { width: 65px; } 还要更小的话:WordPress 还有...tiny-text,宽度为35px: input.tiny-text { width: 35px; } 同样如果是 number 类型的话,会大一点,宽度为45px: input[type="number

61420

不同浏览器input file样式不一样

在开发项目过程中会碰到不同浏览器input file样式不一样。 经过分析,打算都用IE上面的附件上传样式, ? 方案如下: 1、在IE下截个如上面的上传按钮,并保存。...2、判断浏览器类型,如果是非IE,则将页面上的input 设置为近乎透明,然后将图片放在上面。 不用修改原有代码,渲染时会扫描页面的input file 然后进行样式覆盖。...代码如下 css: div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; } input.file { width...right; -moz-opacity: 0; filter: alpha(opacity : 0); opacity: 0; z-index: 2; } js代码: /** * 附件上传样式自定义...,解决不同浏览器附件上传框样式不一样问题 */ function initFileUploads() { if($.browser&&$.browser.msie) return; $("input

52970

不同浏览器input file样式不一样

在开发项目过程中会碰到不同浏览器input file样式不一样。 经过分析,打算都用IE上面的附件上传样式, ? 方案如下: 1、在IE下截个如上面的上传按钮,并保存。...2、判断浏览器类型,如果是非IE,则将页面上的input 设置为近乎透明,然后将图片放在上面。 不用修改原有代码,渲染时会扫描页面的input file 然后进行样式覆盖。...代码如下 css: div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; } input.file { width...right; -moz-opacity: 0; filter: alpha(opacity : 0); opacity: 0; z-index: 2; } js代码: /** * 附件上传样式自定义...,解决不同浏览器附件上传框样式不一样问题 */ function initFileUploads() { if($.browser&&$.browser.msie) return; $("input

38630

input 事件

input 事件 1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js 3.onchange...当input失去焦点并且它的value值发生变化时触发 4.onkeydown 在 input中有键按住的时候执行一些代码 5.onkeyup 在input中有键抬起的时候触发的事件,在此事件触发之前一定触发了...onkeydown事件 6.onclick 主要是用于 input type=button,当被点击时触发此事件 7.onselect 当input里的内容文本被选中后执行一段,只要选择了就会触发,不是非得全部选中...// 8.oninput 当input的value值发生变化时就会触发,不用等到失去焦点(与onchange的区别) <input type="text" onfocus="a();" onblur

1.6K20
领券