Quantcast
Channel: w3cplus
Viewing all articles
Browse latest Browse all 1557

Inputs盒子模型

$
0
0

表单元素中的input类型为text和submit所用的盒子模型不是一样,现在这个问题可以用css3来解决,submit所用的盒子模型是border-box,而text所用的盒子模型是content-box。现在我们可以通过css3设置它们两个为同一个盒子模型,其语法为:

box-sizing: content-box | padding-box | border-box;

这样我们就可以设置submit和text都为content-box,那么解析盒子模型的时候就一样了

input[type='text'],input[type='submit']{
	box-sizing:content-box;
}

Viewing all articles
Browse latest Browse all 1557

Trending Articles