Html
    Css
    Js

    
                        
  .el-input-number__decrease,.el-input-number__increase {
	position:relative;
	background-color:#f5f7fa;
	color:6266;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	/* border:1px solid #dcdfe6;
	*/
}
.el-input-number__decrease {
	border-left:1px solid #dcdfe6;
	border-top:1px solid #dcdfe6;
	border-bottom:1px solid #dcdfe6;
}
.el-input-number__increase {
	border-right:1px solid #dcdfe6;
	border-top:1px solid #dcdfe6;
	border-bottom:1px solid #dcdfe6;
}
.el-input-number__decrease:hover,.el-input-number__increase:hover {
	background-color:#f5f7fa;
}
.el-input-number__decrease i,.el-input-number__increase i {
	font-size:12px;
}
.el-input__inner {
	width:80px;
	text-align:center;
	border:1px solid #dcdfe6;
}
.el-input-number {
	display:flex;
}
table {
	border-collapse:collapse;
	background-color:#fefefe;
	font-size:14px;
	color:6266;
}
th {
	color:black;
	line-height:30px;
}
td {
	text-align:center;
	width:120px;
	line-height:40px;
}
tr,td,th {
	border:1px solid #e6e0e0e7;
}
tr:hover {
	background-color:#f5f7fa;
}
.timer {
	padding:10px;
}
button {
	width:120px;
	height:50px;
	background-color:rgb(181,21,21);
	color:#fff;
	border:0;
}
.el-input-number__decrease::after,.el-input-number__increase::after {
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	left:0;
	top:0;
	font-size:22px;
}
.el-input-number__decrease::before {
	content:"-";
}
.el-input-number__increase::before {
	content:"+";
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

表格中有计时器可编辑

更新时间:2023-11-13 08:09:37

jquery项目中自己做个表格要加上自定义计时器就可以用得到

0