如何在css中的输入外部添加填充答案

【问题标题】：How to add padding to the outside of an input in css如何在css中的输入外部添加填充
【发布时间】：2015-12-13 17:15:13
【问题描述】：

每次我尝试在输入外部添加填充时，它只是在占位符和输入内部之间添加填充。有谁知道如何解决这个问题？

   #ask {

        padding: 10px  10px 10px 6px;
        font-size:45px;
        background-color:#F2F2F2;
        }


     <input id="ask" type="text" placeholder = "Ex: How tall is the Gateway Arch" autocomplete="on"/>

【问题讨论】：

为什么不用margin呢？

标签： css input padding

【解决方案1】：

尝试添加margin 而不是padding。

https://jsfiddle.net/Lw4d1ghs/

边距改变元素外的空间，内边距改变元素内的空间。

这些规则由 CSS 盒模型管理：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model

【讨论】：

【解决方案2】：

为什么不使用边距？在你的情况下是这样的：边距：10px 10px 10px 6px；

填充总是清除元素内容周围的区域。 http://www.w3schools.com/css/css_padding.asp 边距用于清除元素周围的区域。 http://www.w3schools.com/css/css_margin.asp

【讨论】：

【解决方案3】：

填充它是元素和它的内容之间的空间。也许你应该试试margin。

#ask {
    margin: 10px  10px 10px 6px;
    font-size:45px;
    background-color:#F2F2F2;
}

【讨论】：