html button圆角,CSS+JS实现的漂亮圆角按钮

这篇博客介绍了一种使用JavaScript和CSS实现HTML按钮圆角效果的方法。通过创建额外的HTML元素和应用特定的样式,可以创建出不同颜色且具有圆角的交互式按钮。还展示了如何为提交和重置按钮添加点击事件处理。
摘要由CSDN通过智能技术生成
CSS美化的按钮

var btn = {

init : function() {

if (!document.getElementById || !document.createElement || !document.appendChild) return false;

as = btn.getElementsByClassName('btn(.*)');

for (i=0; i

if ( as[i].tagName == "INPUT" && ( as[i].type.toLowerCase() == "submit" || as[i].type.toLowerCase() == "button" ) ) {

var a1 = document.createElement("a");

a1.appendChild(document.createTextNode(as[i].value));

a1.className = as[i].className;

a1.id = as[i].id;

as[i] = as[i].parentNode.replaceChild(a1, as[i]);

as[i] = a1;

as[i].style.cursor = "pointer";

}

else if (as[i].tagName == "A") {

var tt = as[i].childNodes;

}

else { return false };

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值