CakePHP의 CSS 문제

Question

내 코드는 어디 하나 개 CTP 파일이 : - 내 CSS에서

<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> 

: -

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

그러나 당신은 이미지 것을 볼 수 그것은 텍스트 상자에 대해 다른 CSS를 사용하고 있습니다. 심지어 내 ctp (html) 파일에서 일반적인 CSS를 제공하려고했지만 다른 CSS가 필요합니다.

도와주세요!

Answer 1

CakePHP의 $ this-> 서식 -> 입력 (...)와 같은 입력 컨트롤 주위에 자신의 HTML 래퍼를 생성하고, 또한 기본 설치에서 그 스타일이 CSS 파일이 포함되어 있습니다. 기본 CakePHP css 파일을 먼저 제거하거나 생성 된 HTML 소스를보고 그에 따라 CSS 선택기를 수정해야합니다.

희망이 도움이됩니다.

Answer 2

CSS 선택기가 제대로 정의되지 않았을 수 있습니다. 당신의 글로벌 태그

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