我正在尝试为我的应用程序设置主题。对于活动下拉列表,从我的CSS中调用以下样式,
.inputs {
width: 635px;
float: left;
}
.inputs select[id="Model_attribute"]{
float: left;
padding: 9px 9px 9px;
width: 278px;
margin-left: 20px;
margin-top: 23px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border:none;
}
以下是生成的html
<div class="inputs">
<select name="Model[attribute]" id="Model_attribute">
<option value="">Select an option</option>
<option value="26">Option 1</option>
<option value="28">Option 2/option>
</select>
</div>
以下是查看文件
<?php echo CHtml::activeDropDownList($model,'attribute', $model->getOptions(),array(
'prompt'=>$hname,
'ajax' => array(
'type'=>'POST',
'id'=>'id',
'url'=>MyController::createUrl('loadOptions'),
'update'=>'#'.CHtml::activeId($model,'attribute2'),
'data'=>array('attribute'=>'js:this.value'),
)
)); ?>
当我将其作为html文件进行测试时,便应用了样式,但是当我以原始形式调用它时,样式就没有了。我用萤火虫检查了它,但没有显示任何样式。请帮助。提前致谢!
在yii中,您可以在内部指定类似以下内容的内容 activeDropDownList
array('class'=>'yourCssClass')
然后在您的样式表中:
.yourCssClass{
//any styles
}
这应该为您做。
注意:请确保您包括正确的样式表。也尝试清除浏览器的缓存/历史记录。
编辑 :
您完成的下拉小部件将如下所示:
<?php echo CHtml::activeDropDownList($model,'attribute', $model->getOptions(),array(
'prompt'=>$hname,
'class'=>'yourCssClass',
'ajax' => array(
'type'=>'POST',
'id'=>'id',
'url'=>MyController::createUrl('loadOptions'),
'update'=>'#'.CHtml::activeId($model,'attribute2'),
'data'=>array('attribute'=>'js:this.value'),
)
)); ?>
并对所有下拉列表重复相同的操作。如果样式相同,则使用相同的类,如果样式不同,则相应地使用不同的类。
希望这是有道理的。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句