Html 引导输入并选择“左跨浏览器问题”

我使用的是Bootstrap3，我希望填充输入和选择字段是左对齐的。 在我的表单中，我用这种方式覆盖了引导表单组lg

.form组lg.form控件{
字母间距：正常；
文本缩进：0.25em；
边界半径：2px；
颜色：#555555；
字体大小：14px；
线高：1.42857；
最小高度：38px；
高度：58px；
}
.form group lg select.form-control{
高度：58px；
线高：58px；
左侧填充9px；/*强制与firefox对齐，IE e Chrome失败*/
}

城市

使用

文本缩进

属性，而不是

左键填充

（它可以在所有浏览器上工作（在chrome和firefox上测试））：

请参见您的示例：

此处使用的CSS将在bootstrap.CSS之后应用*/ .集装箱{ 宽度：300px； 边缘顶端：40px； } .窗体组lg.窗体控件{ /*填充：10px 16px*/ 字母间距：正常； 文本缩进：0.25em； 边界半径：2px； 颜色：#555555； 字体大小：14px； 线高：1.42857； 最小高度：38px； 高度：58px； } .form group lg select.form-control{ 高度：58px； 线高：58px； 文本缩进：29px；//使用此缩进代替左填充 }

城市

原生元素是绘画，你可以在chrome上试试，但它会去掉插入符号