SELECT INPUT的一种样式定义[--图--]

最新推荐文章于 2024-08-15 15:18:22 发布

taosst

最新推荐文章于 2024-08-15 15:18:22 发布

阅读量172

点赞数

分类专栏： Html&Div&Css 文章标签： Java .net CSS C C++

Html&Div&Css 专栏收录该内容

3 篇文章

订阅专栏

 
 <%@ page contentType="text/html; charset=gb2312" language="java"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>select input CSS样式</title>
<style type="text/css">
<!--
body {
    background-color: #F2F3F4;
}
.STYLE1 {font-size: 12px}
input{font-size:12px;
height:18px;
border:1px solid #666666;
}
select{font-size:12px;
border:1px solid #666666;
margin:-2;
}
-->
</style>
</head>
<body>
<p class="STYLE1">SELECT INPUT的一种样式定义 注意select放在表格内外在样式的区别</p>
  <table width="300" border="1" cellspacing="0">
  <form name="form1" method="post" action="">
    <tr>
      <td><select name="select" id="select" class="STYLE1">
        <option value="JAVA">Java程序员</option>
        <option value="C++">C++程序员</option>
        <option value=".NET">.NET程序员</option>
      </select></td>
      <td><input type="text" name="textfield"></td>
    </tr>
    </form>
  </table>
  <table width="300" border="1" cellspacing="0">
    <tr>
      <td><select name="select" id="select" class="STYLE1">
        <option value="JAVA">Java程序员</option>
        <option value="C++">C++程序员</option>
        <option value=".NET">.NET程序员</option>
      </select></td>
      <td><input type="text" name="textfield"></td>
    </tr>
  </table>
  <br>
  <select name="select" id="select" class="STYLE1">
        <option value="JAVA">Java程序员</option>
        <option value="C++">C++程序员</option>
        <option value=".NET">.NET程序员</option>
  </select>
</body>
</html>
注意select放在表格内外在样式的区别
 