样式化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工作