使用JQuery修改Yii中的CSS样式。

在YII中，有些样式是YII自动生成的，对于这些不好控制的元素，我们可以用Jquery来控制显示效果：

 

在YII的layouts文件中，加入如下代码：

<script type="text/javascript" src="<?php echo JS_URL;?>jquery-1.9.1.min.js"></script>    <script type="text/javascript">        //此代码用来控制添加页，修改页的标签样式。        $(document).ready(function(){            $(".row label:first-child").attr({style:"float:left;margin-right:10px;"});            $(".row label:first-child").each(function(){                var txt=$(this).text();                txt=txt+":\t";                $(this).text(txt);            });        });    </script>

 

就可以达到将label和input在同一行中显示，并且中间加冒号和向右间隔10px;