css中button的 padding无效怎么回事?

css代码如下:

<!DOCTYPE html>



button padding无效测试
<br> input{</p> <pre><code> padding:1px 1px 1px 25px; margin:25px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;input type=&quot;button&quot; value=&quot;按钮&quot; &gt; &lt;/body&gt; </code></pre> <p></html></p> <p>页面显示button按钮大小不变,button内部文字的位置也不变.但是margin外边距有用,哪里有问题?</p>

button标签被默认样式渲染过了,你要重新定义它的样式就需要屏蔽掉默认的样式,(貌似一句话就可以搞定,-webkit-apperence:啥啥啥的记不清了你百度就出来了)然后你自己写自己的样式就行了。

用margin吧,button

-webkit-appearance : none ;

问题解决了记得给我C币哦,嘿嘿嘿

可以remove掉样式