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

Question

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

   #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"/>

Answer 1

填充它是元素及其内容之间的 space。也许你应该试试保证金。

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

Answer 2

尝试添加 margin 而不是 padding。

https://jsfiddle.net/Lw4d1ghs/

边距更改元素外部的 space，填充更改元素内部的 space。

这些规则受CSS 盒模型约束：https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model

Answer 3

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

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

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

How to add padding to the outside of an input in css

css

input

padding