css - 当我更改文本框中占位符的大小时,它看起来不对

标签 css textbox placeholder

JsFiddle 问题出在占位符上,当我调高字体大小时它看起来不对,检查 jsfiddle,文本看起来分成两半。

<input type="text" id="txtSearch" placeholder="Search" />

#txtSearch {

    width:1050px;

    height:35px;

    background-color:#605784;

    border-width:0px;

}

::-webkit-input-placeholder {

    color: White;

    font-family:'Open Sans', sans-serif;

    font-size:15pt;

    position:relative;

    top:-5px;

}

最佳答案

checkout this solution from stackoverflow 输入及其占位符必须具有匹配的字体样式

    input,
    ::-webkit-input-placeholder {

    color: White;

    font-family:'Open Sans', sans-serif;

    font-size:15pt;

    position:relative;

    top:-5px;

}

关于css - 当我更改文本框中占位符的大小时,它看起来不对,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29735082/

相关文章:

ImageMagick:用单个图 block 替换所有图像图 block

html - 使用菜单下方的剑道分离器后,菜单不显示菜单项

css: webkit-input-placeholder 背景色

html - 使侧边栏始终为 100% 高度

mysql - 如何将mysql中文本框中的文本保存为utf-8

c# - 如何在 C# 中使用字符串保存 MySQL 数据库中的文件路径

javascript - 多个文本字段似乎无法使用单选按钮启用它们

html - 使用 simple-line-icons 符号作为占位符

javascript - 有没有办法从 csv 中获取文本格式?

jquery - 如何完美地居中一个根据用户输入而变化的圆圈