草庐IT

Placeholder

全部标签

html - 将多种样式应用于输入元素中的单个占位符

我在表单上有一个基本的输入元素:但我想根据以下设计来设置占位符的样式:目前我有以下几种风格:::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,input:-moz-placeholder{color:white;}显然这不能处理浅蓝色的“或”文本。如果可能,我很乐意使用CSS3来做到这一点。是否可以仅使用CSS来设置样式? 最佳答案 我看到的唯一解决方案是避免使用占位符并将其行为替换为javascript。老式的方式!SeethisdemoHT

html - 将多种样式应用于输入元素中的单个占位符

我在表单上有一个基本的输入元素:但我想根据以下设计来设置占位符的样式:目前我有以下几种风格:::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,input:-moz-placeholder{color:white;}显然这不能处理浅蓝色的“或”文本。如果可能,我很乐意使用CSS3来做到这一点。是否可以仅使用CSS来设置样式? 最佳答案 我看到的唯一解决方案是避免使用占位符并将其行为替换为javascript。老式的方式!SeethisdemoHT

html - 在哪里可以找到输入占位符样式

找不到输入元素的默认占位符样式。没有任何webkit-input-placeholder、-moz-placeholder、-moz-placeholder或-ms-input-任何css文件中的占位符样式设置。更新:伙计们,不要急于评判我。我有遗留代码(css文件的色调)。一种占位符样式(字体粗细、颜色等)在IE11中未正确显示。我开始查找定义占位符样式的位置。而且我没有找到你们提到的任何占位符样式声明。所以我假设浏览器中有一个默认的占位符样式。 最佳答案 Webkit的用户代理样式表(Chrome和Safari)可以在这里找到:

html - 在哪里可以找到输入占位符样式

找不到输入元素的默认占位符样式。没有任何webkit-input-placeholder、-moz-placeholder、-moz-placeholder或-ms-input-任何css文件中的占位符样式设置。更新:伙计们,不要急于评判我。我有遗留代码(css文件的色调)。一种占位符样式(字体粗细、颜色等)在IE11中未正确显示。我开始查找定义占位符样式的位置。而且我没有找到你们提到的任何占位符样式声明。所以我假设浏览器中有一个默认的占位符样式。 最佳答案 Webkit的用户代理样式表(Chrome和Safari)可以在这里找到:

html - 如何修复HTML5输入框高度不一致?

HTML5中引入的一些新输入类型,例如在谷歌浏览器中更高。有没有办法在不设置固定高度的情况下修复不一致的高度?目标是使下面列出的所有输入类型(包括提交按钮)都具有相同的高度。原因:与设计相匹配,尤其是当它们水平放置时。灵active,当我需要一些输入框有更大的字体时。$("input").each(function(){h=$(this).outerHeight();$(this).parent().append(h);});input{font:inherit;display:inline-block;vertical-align:middle;box-sizing:border-b

html - 如何修复HTML5输入框高度不一致?

HTML5中引入的一些新输入类型,例如在谷歌浏览器中更高。有没有办法在不设置固定高度的情况下修复不一致的高度?目标是使下面列出的所有输入类型(包括提交按钮)都具有相同的高度。原因:与设计相匹配,尤其是当它们水平放置时。灵active,当我需要一些输入框有更大的字体时。$("input").each(function(){h=$(this).outerHeight();$(this).parent().append(h);});input{font:inherit;display:inline-block;vertical-align:middle;box-sizing:border-b

html - 占位符不适用于 Internet Explorer

我的应用程序存在小问题,占位符在InternetExplorer11中不存在。我尝试了下面的CSS示例,但没有成功。:-ms-input-placeholder{/*IE10–11*/color:#ccc!important;font-weight:400!important;}::-ms-input-placeholder{/*Edge*/color:#ccc;font-weight:400;}::placeholder{/*CSSWorkingDraft*/color:#ccc;font-weight:400;}关于如何解决这个问题有什么建议吗? 最佳答

html - 占位符不适用于 Internet Explorer

我的应用程序存在小问题,占位符在InternetExplorer11中不存在。我尝试了下面的CSS示例,但没有成功。:-ms-input-placeholder{/*IE10–11*/color:#ccc!important;font-weight:400!important;}::-ms-input-placeholder{/*Edge*/color:#ccc;font-weight:400;}::placeholder{/*CSSWorkingDraft*/color:#ccc;font-weight:400;}关于如何解决这个问题有什么建议吗? 最佳答

html - iOS 6 从横向到纵向文本输入的占位符属性

更新到iOS6后我遇到了一个问题,这让我很抓狂。看起来任何时候我在输入字段上都有属性“占位符”,同时从纵向到横向并再次返回纵向,页面在左侧移动了一些像素,导致出现水平条。经过长时间的研究,我得出结论,它必须与元视口(viewport)相关,因为每次我使用content="width=device-width"时一切正常。P.S是的,我真的需要在输入上有一个百分比宽度,以便有液体设计:)这是重现问题的示例。谢谢...test 最佳答案 应用“溢出:隐藏;”在包含元素上为我解决了这个问题。

html - iOS 6 从横向到纵向文本输入的占位符属性

更新到iOS6后我遇到了一个问题,这让我很抓狂。看起来任何时候我在输入字段上都有属性“占位符”,同时从纵向到横向并再次返回纵向,页面在左侧移动了一些像素,导致出现水平条。经过长时间的研究,我得出结论,它必须与元视口(viewport)相关,因为每次我使用content="width=device-width"时一切正常。P.S是的,我真的需要在输入上有一个百分比宽度,以便有液体设计:)这是重现问题的示例。谢谢...test 最佳答案 应用“溢出:隐藏;”在包含元素上为我解决了这个问题。