我正在尝试设置一个干净的CSS来样式化按钮,使其在视觉上与附近的输入字段合并。
我目前正在使用以下CSS:
button {
position: relative;
left: -4px;
box-sizing: border-box;
padding: 0 10px;
margin: 0;
font-size: 17px;
border: 1px solid gray;
border-radius: 0 3px 3px 0;
}
主要问题是使用left
属性,我认为这不是一个好的做法,因为它在所有浏览器上都没有得到正确处理。
另一个问题是,在Internet Explorer和Firefox中,此代码会使按钮高度与输入字段不一致。
因此,我正在寻求帮助编写更好的跨浏览器和更干净的代码。
个人认为,如果需要包装元素或任何其他HTML元素,我并不在意,我只需要一个干净的代码,跨浏览器,并且可以正常工作。