HTML5,Placeholder,Line-height在Webkit中

前端之家收集整理的这篇文章主要介绍了HTML5,Placeholder,Line-height在Webkit中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个输入字段:
<input type="text" placeholder="whatever">

款式:

input {
    margin: 0;
    padding: 0 6px;
    font-size: 19px;
    line-height: 19px;
    height: 36px;
    width: 255px;
}

问题是线程高度对于webkit CHROME中的占位符并没有起作用.因此输入字段中的文本以丑陋的方式对齐.有人看到这个,现在怎么解决

谢谢

解决方法

看着你的标签,我假设你正在写一些像…
<input type="text" placeholder="whatever">

不幸的是,当涉及到占位符的造型时,Chrome会将您的双手握住,选择器就像这样.

input::-webkit-input-placeholder {}

您可以在Styling the HTML Placeholder中找到样式选项,问题和支持的浏览器

猜你在找的HTML5相关文章