选中按钮时更改按钮的外观

时间:2014-05-20 03:52:38

标签: html css

我有这段代码:http://liveweave.com/Lpdsjv

我是这样做的,因为用户名首先是选项卡,然后是密码,然后是登录按钮,然后是说开始的选项卡等。

然而,没有迹象表明用户已经进入了入门/蔬菜标签。例如,当您选择用户名时,它会突出显示为蓝色,但是在您从登录按钮选项卡后。没有迹象表明用户在选项卡上,我该如何实现?

1 个答案:

答案 0 :(得分:2)

使用:focus伪类http://css-tricks.com/almanac/selectors/f/focus/

elementSelector:focus
{
     //your css
}

在您的情况下,您将tabIndex提供给单选按钮,但为标签提供背景颜色。所以首先将其更改为标签标签

<label for="tab1" tabindex="4">Getting Started</label>

CSS:

.tabs label li:fous
{
   background-color:#000000;
}

Liveweave:http://liveweave.com/HfDY6M