首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >webkit浏览器中输入元素的垂直填充不起作用

webkit浏览器中输入元素的垂直填充不起作用
EN

Stack Overflow用户
提问于 2011-01-12 23:26:16
回答 3查看 2.2K关注 0票数 0

我无法为输入元素中的文本/占位符设置垂直/顶部填充。

以下代码可以在IE/Firefox/Opera中运行,但不能在Safari/Chrome中运行:

CSS:

代码语言:javascript
复制
input
{
 border: 1px solid black;
 height: 100px;
 padding: 70px 25px 10px 25px;
 width: 300px;
}

HTML:

代码语言:javascript
复制
<input type="text" placeholder="Enter text here"/>

webkit开发人员工具按其应有的方式显示指标,但文本仍在输入的中间。

类似的东西可能是here (虽然没有回答)。

EN

Stack Overflow用户

发布于 2011-01-13 00:14:47

输入是内联元素。内联元素不接受垂直填充。

添加:display:block到你的CSS,然后你将不得不添加float:left,然后清除你的浮动。

票数 0
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4670498

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档