css - 如何生成具有自定义高度的文本字段(yii textField)

Question

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

   <?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 中的文本文件上设置自定义高度

Answer 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;')
                    ));

第一个和第二个参数就可以了

当涉及到第 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;',
                    ));