html - 带边框的 CSS 透明按钮

Question

我正尝试在 css 中制作一个像这样的按钮

但我不知道该怎么做，因为我是 css 的新手。这是我尝试过的:

.gbtnHollow  {
     background:  transparent;
     height:  38px;
     line-height:  40px;
     border:  2px solid white;
     display:  inline-block;
     float:  none;
     text-align:  center;
     width:  120px;
     padding:  0px!important;
     font-size:  14px;
     color:  #fff;
 }

.gbtnHollow:hover  {
     color:  #fff;
     background:  rgba(255, 255, 255, 0.2);
 }

Answer 1

很简单，将background: none;设置为button。 JSFiddle