Home >Web Front-end >CSS Tutorial >css fixes differences in Input tags in various browsers

css fixes differences in Input tags in various browsers

高洛峰
高洛峰Original
2016-11-24 14:58:301548browse

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:






Untitled document






                                                                                                                ;label>知
                                                                                                                                                                            th>second





In this case, both IE and firefox are the same, as shown below:



Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn