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 для текстовых полей. Даже я пытался дать общий CSS для этого в моем файле ctp (html), но он принимает разные css.

Помогите мне!

Answer 1

CakePHP в $ this-> форма-> вход (...) создает свои собственные HTML обертки вокруг входного контроля, а также в установке по умолчанию включает в себя CSS файл, что стили это. Сначала попробуйте удалить файл CakePHP по умолчанию или просмотреть источник созданного html и соответствующим образом изменить селектор (ы) css.

Надеюсь, это поможет.

Answer 2

Возможно, селекторы CSS определены неправильно. Вы глобальный тег как

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