javascript - 搜索邮件按钮是如何实现的？

Question

我正在使用 Firebug，我只是看到它是一个带有 css 的 div，但我不明白他们是怎么做到的？

<div id=":ri" class="J-Zh-I J-J5-Ji L3 J-Zh-I-Js-Zq" tabindex="0" role="button" style="-moz-user-select: none;">Search Mail</div>

我正在尝试做类似的东西，但我只是一个初学者，我想要按钮的效果，但我不明白他们是怎么做到的？连css我都看不懂，我照着照抄也没有效果

.num1 {
-moz-border-radius: 2px 2px 2px 2px;
    background: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1) repeat scroll 0 0 transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #666666;
    cursor: default;
    font: 75% arial,sans-serif;
    margin: 0 8px 0 0;
    outline: medium none;
    padding: 3px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}


.num2{
 display: inline-block;
    position: relative;
}

.num3{
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-left-width: 0;
    margin-left: 0 !important;


}

Answer 1

这里只是 CSSed div:http://jsfiddle.net/bmWGY/1/

如果你想用这个 div 做点什么，你需要更多。