[英]CSS Transparent buttons with borders
我想在這樣的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);
}
這很簡單,設置background: none;
按鈕。 的jsfiddle
button {
background-color: Transparent;
background-repeat:no-repeat;
cursor:pointer;
overflow: hidden;
outline:none;
}
添加此項並為您自定義它。 示例在這里是小提琴
這很簡單。 將此css添加到按鈕:
button {
background: none;/*this for transparent button*/
border: 1px solid black;/* this is for button border*/
position: relative;
left: 150px;
top: 80px;
}
#button {
width: 150px;
height: 50px;
border:none;
border:solid 2px black;
border-radius: 5px;
background: rgba(255, 255, 255,0);
font-size: 25px;
}
#button:hover {
background:black;
color:white;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.