Html 通过在css开始时重置所有样式,或从其他元素中添加/减去5px,可以让她满意。就跨浏览器一致性而言,祝你好运,这是很常见的抱怨,这取决于浏览器的程序员,除了抵制除一个以外的所有浏览器外,没有什么可做的:D(我投票支持火狐浏览器),我发现Windows上几乎
Html 通过在css开始时重置所有样式,或从其他元素中添加/减去5px,可以让她满意。就跨浏览器一致性而言,祝你好运,这是很常见的抱怨,这取决于浏览器的程序员,除了抵制除一个以外的所有浏览器外,没有什么可做的:D(我投票支持火狐浏览器),我发现Windows上几乎,html,css,css-reset,Html,Css,Css Reset,通过在css开始时重置所有样式,或从其他元素中添加/减去5px,可以让她满意。就跨浏览器一致性而言,祝你好运,这是很常见的抱怨,这取决于浏览器的程序员,除了抵制除一个以外的所有浏览器外,没有什么可做的:D(我投票支持火狐浏览器),我发现Windows上几乎每个主要浏览器都会呈现比文本输入或文本区域窄的选择元素8px。所以我做了相应的样式,例如输入,文本区域{width:180px;}选择{width:188px;}你是说“输入,选择{”吗?否则你的目标是一个选择,它是输入的孩子:)当然,我的错。
通过在css开始时重置所有样式,或从其他元素中添加/减去5px,可以让她满意。就跨浏览器一致性而言,祝你好运,这是很常见的抱怨,这取决于浏览器的程序员,除了抵制除一个以外的所有浏览器外,没有什么可做的:D(我投票支持火狐浏览器),我发现Windows上几乎每个主要浏览器都会呈现比文本输入或文本区域窄的选择元素8px。所以我做了相应的样式,例如输入,文本区域{width:180px;}选择{width:188px;}你是说“输入,选择{”吗?否则你的目标是一个选择,它是输入的孩子:)当然,我的错。不过,结果看起来很有趣。
input, select {
width: 100px;
margin: 0px;
border: 1px solid;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<link href="styles/reset.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
input, select{
width: 100%;
}
</style>
</head>
<body>
<div style="width: 200px;">
<input type="text">
<select>
<option>asdasd</option>
<option>asdasd</option>
</select>
</div>
</body>
</html>
<form class="style">
<input name="someInput" />
<select name="options">
<option value="1">Value 1</option>
<option value="2">Value 2</option>
</select>
</form>
.style select {
width: 100px;
padding: 1px;
border: 1px solid black;
}
.style input {
width: 96px; /* -2 px for 1px padding(1px from each side) and -2px for border
(select element seems to put border inside, not outside?) */
padding: 1px;
border: 1px solid black;
}
$(function () {
var allSelects = $('input[type="text"], textarea');
allSelects.css('width', (allSelects.width()-6)+'px');
}
input { width: 200px; padding: 10px; border-width:5px; }
select { width: 230px; padding: 10px; border-width:5px; }
input, select {
width: 200px;
padding: 10px;
border-width:5px;
-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: content-box; /* Firefox, other Gecko */
box-sizing: content-box; /* Opera/IE 8+ */
}