【问题标题】:how to generate a textfield with customized height (yii textField)如何生成具有自定义高度的文本字段(yii textField)
【发布时间】:2013-03-22 15:22:08
【问题描述】:

大家好,感谢阅读。 我有这个

   <?php
                echo $form->textField($model, 'link', array(
                    'prepend' => '<i class="icon-4x icon-globe" style="line-height: 54px;"></i>',
                    'class' => 'span12', 'maxlength' => 999, 
                    'height'=>100, 
                    'htmlOptions' => array('style' => 'height:60px;font-size: 22px;')
                    ));
                ?>

这不适用于宽度,但是当我用高度替换它时它不起作用。没有其他 css 规则覆盖它。 如何在 yii 中设置文本文件的自定义高度

【问题讨论】:

    标签: css yii


    【解决方案1】:

    来自 yii docs

    public string textField(CModel $model, string $attribute, array $htmlOptions=array ( ))
    

    所以你应该有:

    $form->textfield($model,'link',array('style'=>'width:600px;'));
    

    我看到你也有一堂课:

    $form->textfield($model,'link',array('style'=>'width:600px;', 'class' => 'class_x'));
    

    现在,让我解释一下您的代码中发生了什么:

    echo $form->textField($model, 'link', array(
                        'prepend' => '<i class="icon-4x icon-globe" style="line-height: 54px;"></i>',
                        'class' => 'span12', 'maxlength' => 999, 
                        'height'=>100, 
                        'htmlOptions' => array('style' => 'height:60px;font-size: 22px;')
                        ));
    

    第一个和第二个参数都ok

    说到第3个,乍一看还不错,因为它是一个数组,代表文档中的htmlOptions数组

    如果你深入挖掘,你会发现在 htmlOptions 数组中还有另一个 htmlOptions 数组;为什么?

    这样写:

    echo $form->textField($model, 'link', array(
                        'prepend' => '<i class="icon-4x icon-globe" style="line-height: 54px;"></i>',
                        'class' => 'span12',
                        'style' => 'height:60px;font-size: 22px;width:999px;',
                        ));
    

    【讨论】:

    • 这个答案是正确的,除了第二个和第三个代码块中'style'=&gt;'width:600px' 的错误
    • 是的,谢谢,我很着急,刚离开办公室就看到这篇文章;固定
    【解决方案2】:

    你可以使用类似的东西:

    echo $form->textField($model,'link',array('size'=>50,'maxlength'=>50,));
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-12-21
      • 1970-01-01
      • 1970-01-01
      • 2021-10-28
      • 1970-01-01
      • 1970-01-01
      • 2019-03-16
      • 2016-07-29
      相关资源
      最近更新 更多