草庐IT

占位符

全部标签

html - 文本输入占位符在 IE 和 Firefox 中不显示

我的文本输入占位符拒绝在IE和Firefox中显示,尽管使用了-moz-placeholder属性。这个可以查看onthecontactpagehere如果您使用的是Firefox或IE。谁能帮我解决这个问题好几个星期了。我的代码示例如下:input::-moz-placeholder,textarea::-moz-placeholder{color:#aaa;font-size:18px;}input:-ms-input-placeholder,textarea::-ms-input-placeholder{color:#aaa;font-size:18px;}input::-web

javascript - Safari 10 中的新输入占位符行为 - 不再通过 JavaScript 隐藏更改

当通过JavaScript更改输入值时,macOSSierra中的Safari10.0似乎已经改变了输入中占位符的行为方式。它现在也不同于Chrome(53.0.2785.116)正在做的事情。到目前为止,当通过JavaScript设置输入值时,占位符会消失。通过JavaScript将值设置回空后,占位符将重新出现。现在通过JavaScript设置输入值不会隐藏占位符,直到输入随后获得焦点(例如通过被点击)。查看此JSBin以获取演示:https://jsbin.com/rogoludahu/edit?html,js,output这是预期的行为吗?如果是这样,在通过JavaScript

javascript - Safari 10 中的新输入占位符行为 - 不再通过 JavaScript 隐藏更改

当通过JavaScript更改输入值时,macOSSierra中的Safari10.0似乎已经改变了输入中占位符的行为方式。它现在也不同于Chrome(53.0.2785.116)正在做的事情。到目前为止,当通过JavaScript设置输入值时,占位符会消失。通过JavaScript将值设置回空后,占位符将重新出现。现在通过JavaScript设置输入值不会隐藏占位符,直到输入随后获得焦点(例如通过被点击)。查看此JSBin以获取演示:https://jsbin.com/rogoludahu/edit?html,js,output这是预期的行为吗?如果是这样,在通过JavaScript

javascript - 占位符文本在 Safari 中未垂直居中

你知道如何让placeholder属性在safari中垂直居中吗?尽管当您开始输入时,文本完全居中。 最佳答案 -Safari解决方案-尽管使用了这个问题,但我在这个问题上卡住了很长时间input::-webkit-input-placeholder{行高:正常!重要;事实证明,在直接input元素中设置行高会破坏我的input::webkit-input-placeholder行高。解决方案扩展:我删除了输入样式中的行高,它解决了我的问题。 关于javascript-占位符文本在Saf

javascript - 占位符文本在 Safari 中未垂直居中

你知道如何让placeholder属性在safari中垂直居中吗?尽管当您开始输入时,文本完全居中。 最佳答案 -Safari解决方案-尽管使用了这个问题,但我在这个问题上卡住了很长时间input::-webkit-input-placeholder{行高:正常!重要;事实证明,在直接input元素中设置行高会破坏我的input::webkit-input-placeholder行高。解决方案扩展:我删除了输入样式中的行高,它解决了我的问题。 关于javascript-占位符文本在Saf

html - 占位符不适用于 Internet Explorer

以下格式的文本框占位符不适用于InternetExplorer。无论如何在InternetExplorer中显示文本框的占位符?是否有任何简单的方法,只需使用任何JavaScript。我不想使用jQuery让它变得复杂。 最佳答案 您可以使用纯JavaScript模仿它:var_debug=false;var_placeholderSupport=function(){vart=document.createElement("input");t.type="text";return(typeoft.placeholder!=="un

html - 占位符不适用于 Internet Explorer

以下格式的文本框占位符不适用于InternetExplorer。无论如何在InternetExplorer中显示文本框的占位符?是否有任何简单的方法,只需使用任何JavaScript。我不想使用jQuery让它变得复杂。 最佳答案 您可以使用纯JavaScript模仿它:var_debug=false;var_placeholderSupport=function(){vart=document.createElement("input");t.type="text";return(typeoft.placeholder!=="un

javascript - 如何为 YouTube 视频添加启动画面/占位符图像

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭9年前。我有一个包含大量嵌入式YouTube视频的网站;目前这些是同时加载的,这当然会导致网站在最初加载时运行得非常慢。加载图像作为占位符/启动画面而不是视频iframe的最佳方式是什么?图像将需要替换为YouTubeiframe只有在点击时(这应该只在请求时加载),从而显着减少网站的文件大小。我之前发现了一些类似的问题,但他们似乎建议使用CSS和jQuery来改变视频的可见性。这在这种情况下不起作用,因

javascript - 如何为 YouTube 视频添加启动画面/占位符图像

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭9年前。我有一个包含大量嵌入式YouTube视频的网站;目前这些是同时加载的,这当然会导致网站在最初加载时运行得非常慢。加载图像作为占位符/启动画面而不是视频iframe的最佳方式是什么?图像将需要替换为YouTubeiframe只有在点击时(这应该只在请求时加载),从而显着减少网站的文件大小。我之前发现了一些类似的问题,但他们似乎建议使用CSS和jQuery来改变视频的可见性。这在这种情况下不起作用,因

css - 占位符字体大小大于 16px

我已经阅读了几篇关于在HTML5中使用::-webkit-input-placeholder设置输入字段占位符样式的文章。它工作完美,除了一件事。如果我尝试将字体大小增加到高于16px的值,文本会在底部被“剪切”。无论输入本身的高度和填充如何,都会发生这种情况。有谁知道使用纯CSS或javascript来避免这个问题的方法吗?我添加了两个输入字段的屏幕截图,其中占位符的字体大小为20pxJsfiddle:https://jsfiddle.net/bvwdg86x/ 最佳答案 输入及其占位符必须具有匹配的字体样式input{displ