html - cakephp css问题

Question

我有一个 ctp 文件，其中我的代码是：--

<table>
    <tr>
        <td width="50%"><?php echo $this->Form->input('first_name'); ?></td>
        <td><?php echo $this->Form->input('middle_initial'); ?></td>
    </tr>
    <tr>
        <td><?php echo $this->Form->input('last_name'); ?></td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>
            <table>
                <tr><td colspan="3">Phone Number</td></tr>
                <tr>
                    <td><?php echo $this->Form->input('phone1', array('label' => false, 'type'=>'text','id' =>'phone1', 'maxlength' => 3)); ?></td>
                    <td><?php echo $this->Form->input('phone2', array('label' => false, 'type'=>'text','id' =>'phone2','maxlength' => 3)); ?></td>
                    <td><?php echo $this->Form->input('phone3', array('label' => false,'type'=>'text', 'id' =>'phone3','maxlength' => 4)); ?></td>
                </tr>
            </table>
        </td>
        <td>&nbsp;</td>
    </tr>
</table>

在我的 CSS 中：-

.contentWrp .input input{ height: 20px; width: 200px; border: 1px solid #12192c; font-size: 14px;}

但是正如您所看到的，它在图像上使用不同的 css 作为文本框。即使我试图在我的 ctp (html) 文件中为此提供通用 css，但它需要不同的 css..

帮我！

Answer 1

CakePHP 的 $this->Form->input(...) 在输入控件周围生成自己的 html 包装器，并且在默认安装中还包括一个样式化它的 css 文件。您应该首先尝试删除默认的 CakePHP css 文件或查看生成的 html 的源代码并相应地修改您的 css 选择器。

希望这可以帮助。

Answer 2

可能没有正确定义 CSS 选择器。你全局标签喜欢

input{ height: 20px; width: 200px; border: 1px solid #12192c; font-size: 14px;}