CakePHP 양식 버튼 사용자 정의

8304 단어 php

어떻게


  • 만들기에 적응하려는 클래스를 추가하십시오.

  • <?= $this->Form->create(null, ['class'=> 'aaa' , 'url' => ['controller' => 'Advices', 'action' => 'heart']]); ?>
    <?= $this->Form->hidden( 'advice_id', ['value'=>$advices->id ]); ?>
    <?= $this->Form->button(__('Heart')) ?>
    <?= $this->Form->end() ?>
    


  • 클래스의 버튼에 쓰는 방법

  • .aaa .button, .aaa button, .aaa input[type='button'], .aaa input[type='reset'], .aaa input[type='submit'] .aaa {
        background-color: #db116c;
        border: 0.1rem solid #db116c;
    }
    


  • 변경 후 모습






  • 좀 더


  • 눌리지 않은 마음의 이미지

  • <?= $this->Form->button(__('♡')) ?>
    



    .aaa .button, .aaa button, .aaa input[type='button'], .aaa input[type='reset'], .aaa input[type='submit'] .aaa {
        background-color: #f1f2f4;
        border: 0.1rem solid #606c76;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        font-size: 2rem;
        color: #606c76;
    }
    






  • 눌린 마음의 이미지

  • <?= $this->Form->button(__('♥')) ?>
    



    .aaa .button, .aaa button, .aaa input[type='button'], .aaa input[type='reset'], .aaa input[type='submit'] .aaa {
        background-color: #db116c;
        border: 0.1rem solid #db116c;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        font-size: 2.3rem;
        color: white;
    }
    



    좋은 웹페이지 즐겨찾기