css - 样式化 JSF 按钮

Question

我有以下按钮

<h:commandButton id="user" action="user?faces-redirect=true" styleClass="rightlogo"/>

在我的 CSS 类中

.rightlogo{
margin: 5px;
padding: 10px 5px 5px 5px; 
border: 0px;
}

我想使用 CSS 设置样式，以便在单击时不会有任何边框。目前有一个蓝色边框(就像来自 href 的那个)。

谢谢!

Answer 1

尝试使用 .rightlogo:focus{

CSS

 .rightlogo:focus{
outline:none;
border:none;
}

记住:如果你给出:hover，那么:focus必须在:hover之后，以便:focus 工作