Javascript 在按钮角上打勾
我想在我右边角落的按钮上打勾。我将输入值设置为，它会给我一个带有勾号的按钮文本，我希望它应该放在右角Javascript 在按钮角上打勾,javascript,html,css,Javascript,Html,Css,我想在我右边角落的按钮上打勾。我将输入值设置为，它会给我一个带有勾号的按钮文本，我希望它应该放在右角 .buttoner{ 背景色：#4CAF50； 边界：无； 光标：指针； 高度：48px； 边界半径：5px； 宽度：10%； } 像这样试试 HTML <!DOCTYPE html> <html> <head> <title>Button with tick mark</title> <style type="tex
.buttoner{
背景色：#4CAF50；
边界：无；
光标：指针；
高度：48px；
边界半径：5px；
宽度：10%；
}<!DOCTYPE html>
<html>
<head>
<title>Button with tick mark</title>
<style type="text/css">
.buttoner{
background-color: #4CAF50;
border: none;
cursor: pointer;
padding:12px 30px;
display:inline-block;
border-radius: 5px;
color:#fff;
}
.tick{
display:inline-block;
position:relative;
}
.tick:after{
content: '';
position:absolute;
right:11px;
top:8px;
display: block;
width: 5px;
height: 9px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
</style>
</head>
<body>
<span class="tick"> <input type="button" class="buttoner" value="button"/></input></span>
</body>
</html>
带记号的按钮
buttoner先生{
背景色：#4CAF50；
边界：无；
光标：指针；
填充：12px 30px；
显示：内联块；
边界半径：5px；
颜色：#fff；
}
.滴答声{
显示：内联块；
位置：相对位置；
}
.剔：之后{
内容：''；
位置：绝对位置；
右：11px；
顶部：8px；
显示：块；
宽度：5px；
高度：9px；
边框：实心#fff；
边框宽度：0 2px 2px 0；
变换：旋转（45度）；
}
<!DOCTYPE html>
<html>
<head>
<title>Button with tick mark</title>
<style type="text/css">
.button_box{
background-color: #4CAF50;
border: none;
cursor: pointer;
height: 48px;
border-radius: 5px;
width: 10%;
position: relative;
}
.buttoner {
background-color: transparent;
border: none;
display: block;
width: 100%;
height: 100%;
}
.button_box span {
position: absolute;
right: 0;
top: 0;
}
</style>
</head>
<body>
<div class="button_box">
<input type="button" class="buttoner" value="buttoner"/>
<span>✓</span>
</div>
</body>
</html>
带记号的按钮
.按钮盒{
背景色：#4CAF50；
边界：无；
光标：指针；
高度：48px；
边界半径：5px；
宽度：10%；
位置：相对位置；
}
buttoner先生{
背景色：透明；
边界：无；
显示：块；
宽度：100%；
身高：100%；
}
.按钮盒跨度{
位置：绝对位置；
右：0；
排名：0；
}
✓
.my btn{
位置：相对位置；
显示：内联块；
}
buttoner先生{
背景色：#66bb6a；
边界：无；
光标：指针；
高度：48px；
边界半径：3px；
宽度：120px；
文本对齐：居中；
颜色：白色；
线高：48px；
字体大小：14px；
字体大小：粗体；
}
.我的btn.fa支票{
位置：绝对位置；
顶部：5px；
右：10px；
颜色：#fff；
字体大小：正常；
}
带记号的按钮