Apply Submit Button Formatierung für normale Schaltflächen in CakePHP

Question

Ich habe eine einfache Voraussetzung, dass ich "senden" Button-Formatierung in CakePHP auf normale Schaltflächen anwenden müssen. Ich habe versucht, die Formatierung der Sendeschaltfläche in cake.generic.css (wie unten beschrieben) zu kopieren, aber es hatte keinen Effekt auf die Anzeige der Tasten.

Formatierung Bestehende für Buttons Absenden (falls geändert, zeigt Screen-Effekt sofort)

input[type=submit] { 
    display: inline; 
    font-size: 110%; 
    width: auto; 
} 
form .submit input[type=submit]{ 
    background: none repeat scroll 0 0 #333333; 
    color: #FFFFFF; 
    padding: 0.5em; 
    cursor: pointer; 

} 
form .submit input[type=submit]:hover { 
    background: #aaa; 
    border-left: 5px #000 solid; 
    padding-left: 15px; 
    color: #333333; 
    font-weight: bold; 
    cursor: pointer; 
} 

Formatierung für Schaltfläche, die nicht funktioniert

input[type=button] { 
    display: inline; 
    font-size: 110%; 
    width: auto; 
} 

form .button input[type=button]{ 
    background: none repeat scroll 0 0 #333333; 
    color: #FFFFFF; 
    padding: 0.5em; 
    cursor: pointer; 

} 
form .button input[type=button]:hover { 
    background: #aaa; 
    border-left: 5px #000 solid; 
    padding-left: 15px; 
    color: #333333; 
    font-weight: bold; 
    cursor: pointer; 
} 

Screen shot of the screen

bearbeiten. Ctp-Code für Tasten (Stil arbeitet und Farbe der Schaltfläche auf gelb geändert)

echo $this->Form->button('Disable', array('style'=>'background:#FF0', 'type'=>'button','onclick'=> 'change_status(0);')); 
     echo "\t"; 
     echo $this->Form->button('Delete', array('type'=>'button', 'onclick'=> 'change_status(2);')); 

Jetzt muss ich wissen, wie für „schweben“ innerhalb Stil in edit.ctp codieren. Ich weiß, es ist Workaround, aber ich bin damit einverstanden.

Answer 1

Warum eröffnen Sie bitte Verwendung Link-

<?= $this -> Html -> link('Disable', [], array('class' => 'button yourClass', 'onclick' => 'change_status(0);')); ?> 

Und dann definieren yourClassName in css

form .button .yourClass{ 
    background: none repeat scroll 0 0 #333333; 
    color: #FFFFFF; 
    padding: 0.5em; 
    cursor: pointer; 

} 
form .button .yourClassName:hover { 
    background: #aaa; 
    border-left: 5px #000 solid; 
    padding-left: 15px; 
    color: #333333; 
    font-weight: bold; 
    cursor: pointer; 
} 

Answer 2

Dank @Jacek B Budzynski, ich gelöst haben das Problem versuchen. Folgenden Code

form .buttonClass{ 
    background: none repeat scroll 0 0 #333333; 
    color: #FFFFFF; 
    padding: 0.5em; 
    cursor: pointer; 

} 
form .buttonClass:hover { 
    background: #aaa; 
    border-left: 5px #000 solid; 
    padding-left: 15px; 
    color: #333333; 
    font-weight: bold; 
    cursor: pointer; 
} 

Verwendet diesen Code in edit.ctp unter

echo $this->Form->button('Disable', array('type'=>'button', 'class'=>'buttonClass','onclick'=> 'change_status(0);')); 
    echo $this->Form->button('Delete', array('type'=>'button', 'class'=>'buttonClass', 'onclick'=> 'change_status(2);'));