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

taosst

浏览: 85611 次
性别:
来自: 北京

最近访客更多访客>>

Jeocy

bobo8088

癞蛤蟆想得真美

sirloin100

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Html&Div&Css

Java .net CSS C C++

<%@ 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放在表格内外在样式的区别