如何设置select下拉禁止选择

html-css016

如何设置select下拉禁止选择,第1张

不知道你要哪种效果，所以我把2种不能选择的效果都给你写在下面好了：

1、下拉按钮控件变灰不可点，根本不能显示下拉列表中的选项

2、下拉按钮可以点，但是显示选项为灰色，点击无“选中”效果

例子代码如下：注意看代码的注释

(下面代码如果你想看显示效果，记得修改jquery.js的位置)

$(document).ready(function(){

$(".field").change(function(){

$(this).css("background-color","#FFFFCC")

})

//$("#aaa").attr("disabled",true) //这行十对应第一种情况

})

在某个域被使用或改变时，它会改变颜色。

Enter your name:

Car:

//下面这4行是对应第二种情况，靠disabled="true"来控制

Volvo

Saab

Fiat

Audi

您好！可以设置的。

CSS代码：

.select2{ visibility:hidden}

html代码:

<select class="select2">

<option>1</option>

<option>2</option>

<option>3</option>

</select>

上面是隐藏,显示的话：

.select2{ visibility:visible}

就可以了，希望对您有帮助！

<textarea style="border:nonewidth:200pxheight:30px"></textarea>

你可以按上面的CSS代码试一下。border:none这个表示隐藏边框。