使用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;