简述如何使用CSS设置表单元素及创建个性化表单

以控制的比较多

直接在select上加class就可以设置CSS了

例:

<style type="text/css">

.selectYs

</style>

<form action="#">

<select class="selectYs">

<option value="">1111

<option value="">1111

<option value="">1111

<option value="">1111

</select>

</form>

有的属性浏览器不兼容,但大部分还是可以的你自己试试就知道了

1、请单击“文件”“新建”以创建新的web源文件。

2、默认情况下，新类型是OK。如果您有其他需要，可以选择页面类型、布局等，然后单击“创建”按钮。

3、创建新网页后，单击“设计”页上的“插入-表单-选择（列表/菜单）”以插入可选择的下拉表单。

4、或者在菜单栏下有一个表单选项图标。将鼠标放在上面显示“选择（列表/菜单）”并单击它，或插入下拉菜单。

5、然后d出接口，您需要输入标记辅助函数的属性。用英文或数字填写身份z。标记是下拉菜单的相应数据标题，如地址、性别等。在此处填写“性别：”然后单击“确定”。

6、d出是否添加表单标签的提示，选择“是”。

7、此时，下拉菜单将插入页面。单击下面的列表值将内容添加到下拉菜单中。

8、跳出列表值界面，并填写项目标签上的下拉菜单选项。例如，我想在这里制作一个性别选择下拉菜单。在这里，填写男性值和项目标签。

9、然后单击加号在下面添加新标签和值，并填写阴性。然后单击“确定”按钮。

10、然后单击界面上箭头指示的小图标，选择一个浏览器，然后单击它以查看浏览器上的预览效果。

11、此时，系统将提示您保存对网页文件的更改。选择“是”保存。

12、然后您可以看到您在浏览器上创建的下拉菜单的外观。单击一次下拉箭头选择，

CSS只是定义样式 的，表单在CSS里怎么写问的不对。我觉得你可能问的是如果定义表单里的样式吧？单说一个真实姓名：<input type="text" name="yhm" id="yhm" />

这样写的话是不是觉得不好看？你再看看这个：

<input type="text" name="yhm" id="yhm" style="background-color:#009933border:10px #666666 solid" />

是不是变样了？再看看这样

<style type="text/css">

<!--

#yhm {background-color:#009933border:10px #666666 solid

}

-->

</style>

<input type="text" name="yhm" id="yhm" />

和上面的一样吧？ #yhm {}指的就是ID="YHM"

再试试这样

<style type="text/css">

<!--

input {background-color:#009933border:10px #666666 solid

}

-->

</style>

<input type="text" name="yhm" id="yhm" />

和上面的一样吧？ input指的是INPUT标签，如果用了这样的定义，你里面所有的INPUT标签都会变成这样的。

常用的还有一个

<style type="text/css">

<!--

.YHM {background-color:#009933border:10px #666666 solid

}

-->

</style>

<input type="text" name="yhm" id="yhm" class="YHM" />

和上面的还是一样的。

但这个的作用范围就是你指定了class="YHM"的标签

---