针对input添加padding后宽度变化问题

input在限定宽度的情况下,有时候由于input本身输入的文字太过于靠近左边,视觉效果差,所以往往会增加一个padding-left的操作来使得里面的文字稍微有边距,这个时候会发现限定宽度的input宽度发生了变化。

解决办法(不支持IE8及以下):

在input里添加

    box-sizing: border-box;//其他浏览器
    -webkit-box-sizing: border-box;//谷歌
     -moz-box-sizing: border-box;//火狐

原文链接:https://blog.csdn.net/wzj2584454/article/details/78229753

posted @ 2021-04-12 17:09  (john_zhang)  阅读(434)  评论(0编辑  收藏  举报