我目前对这个问题不知所措。我正在做的是一个所见即所得的编辑器(很像我现在使用的那个),问题是顶部的按钮。我已经为他们的布局制作了一个 CSS 类:
.test {
background-color:#d0d0d0;
color:#000000;
font-family:arial;
font-size:12px;
font-weight:bold;
padding:2px 7px;
text-decoration: none;
}
.test:hover {
padding: 1px 6px;
background-color:#789dfa;
border: 1px solid #485ae0;
}
布局工作正常,但我无法找到链接类的正确方法。以此为例(忽略 JavaScript):
<input type="submit" class="test" value="B" onClick="texta(text,'b','b')" onmouseup="text.focus();">
问题是任何按钮(<button>
、<type="submit>
等)都会使原始设计变形,使其具有 3 维外观,通常看起来更像一个按钮。
我的问题是,我该如何解决这个问题?我试过用几种不同的方式来链接这个类,但它是行不通的。
图片:
最佳答案
我通常选择:
html:
<div class="test"><a data-js="texta(text,'b','b')" href="http://someOtherLikeActionIfTheresNoJs"></a></div>
CSS:
.test {
[ ... snipped your style ... ]
position: relative;
}
.test a {
display: block;
height: 100%;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}
关于html - 如何使用 <input> 链接自定义 CSS 设计的按钮(类)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13037600/