Home >Web Front-end >CSS Tutorial >css fixes differences in Input tags in various browsers
First of all, let’s explain the possible performance differences of form tags (input, select) in various browsers:
1. When input or select are mixed with other tags (such as a, label), non-centering problems may occur.
2....When mixing, the outer tag cannot control the form tag.
3. There are differences in the line height of the text entered in input, gaps, etc.
Analysis phenomenon:
input: text feature,
by default:
1.firefox height is 16px; height under IE is 14px;
2.font size: 13.3333px;
3.input has padding value : Firefox is: padding: 1px 0; under IE: padding: 1px 0 3px 0;
Solution example: the following code: