Question

我有一个简单的要求，我需要申请＆＃34;提交＆＃34;按钮在CakePHP中格式化为普通按钮。我尝试在 cake.generic.css 中复制提交按钮的格式（如下所述），但它对按钮的显示没有任何影响。

提交按钮的现有格式（如果已修改，屏幕会立即显示效果）

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

格式化不起作用的按钮

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

按钮的edit.ctp代码（样式正常，按钮的颜色变为黄色）

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);'));

现在我需要知道如何编码＆＃34; hover＆＃34; edit.ctp中的内部样式。我知道它的解决方法，但我没关系。

Answer 1

为什么不尝试使用链接

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

然后在css中定义yourClassName

{{1}}

Answer 2

感谢@JacekBBudzyñski，我解决了这个问题。以下代码已添加到cake.generic.css

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

在edit.ctp中使用此代码，如下所示

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);'));

在CakePHP中应用提交按钮的正常按钮格式

2 个答案: