需求:有一个下拉列表,显示查询类型,然后点击查询类型即可显示具体类型
疗效如下:
思路:设置查询类型选项默认选中css 不能选中,但不能点击css 不能选中,设置disable属性为disable
代码如下所示:
查询类型
按周查询
按月查询
按年查询
自定义查询
CSS代码如下:
.hd_drop_down_box {
margin-left: 25px;
/*color: aliceblue;*/
width: 90px;
height: 25px;
border: 2px solid #48b0f7;
border-radius: 5px;
/*background-color: #48b0f7;*/
text-align: center;
/* text-indent: 5px; */
font-size: 12px;
line-height: 25px;
/*cursor: pointer;*/
}