html - 选择框与文本框的匹配宽度

标签 html css

<分区>

Possible Duplicate:
Select inputs and text inputs in HTML - Best way to make equal width?

我有一个输入框和一个选择框,我希望为它们应用相同的宽度。即 200px。我尝试使用类似

<input type="text" style="width: 200px">
<select style="width : 200px;" size="1">
  <option >test</option>
</select>

不过好像宽度不一样,链接在这里:http://jsfiddle.net/GdTqp/

关于我们如何实现相同宽度(同时保持 css 宽度通用)的任何想法

最佳答案

这是在不同浏览器中测试时的常见问题,尝试使用 box-sizing 属性。

 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;

关于html - 选择框与文本框的匹配宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14078771/

上一篇:css - 文本的垂直中间对齐不起作用

下一篇:javascript - 适用于许多浏览器的简单选项卡导航?

相关文章:

javascript - 动态更改无 html 元素的样式

javascript - 自动幻灯片不工作 JavaScript

iphone - 固定位置 div 下方的链接在 iPhone 上是可点击的

css - Twitter Bootstrap 和大于按钮中的标准图标

javascript - 网站加载时可以从确定的 div 开始吗?

javascript - Angular 用户界面选择 : Change theme

css - 为多个属性设置相同的值 (CSS)

javascript - IE9 中的文本对齐问题

javascript - Bootstrap/Javascript/JQuery 使按钮一次改变一种颜色

html - 如何让我的表格单元格包裹在父容器内