Css modifies the differences between Input tags in various browsers. First, it describes the differences in input, select, and other expressions in various browsers:
1. When the input or select statement is mixed with other labels (such as a and label), a non-resident problem may occur.
2. There are differences in the height of the input text lines in the input, and there are gaps.
3... during mixed sorting, the outer tag cannot control the form tag.
For details, see the following demo:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <Html xmlns =" http://www.w3.org/1999/xhtml "> <Head> <meta http-equiv =" Content-Type "content =" text/html; charset = GBK "/> <title> Differences between Input tags in various browsers-Liehuo. net </title> <style type = "text/css"> body {font-family: ""; font-size: 12px;} table {border-collapse: collapse; border: solid red 1px;} td, th {border: solid red 1px; height: 40px;} label {vertical-align: middle ;}. inputtxt {width: 200px; padding: 0; font-family: ""; font-size: 12px; height: 15px; line-height: 15px; vertical-align: middle; border: solid # 0000FF 1px ;} </style>
Tip: the code can be modified before running!