创建一个可点击的框

Question

我正在尝试制作一个 30x30 像素的盒子。我不在乎它是否使用按钮、a、span 等等。

我无法在所有浏览器中统一显示任何内容。

以下是要求：

1. 必须附加到现有行的末尾（无换行符）

2. 必须能够在 jQuery 中分配点击事件

3. 必须是正方形

4. 看起来平坦，没有斜面

Answer 1

您应该能够通过在 css 中设置“A”标签的样式来实现您想要的。

CSS：

a {
    display:inline-block;
    width:30px;
    height:30px;
    background-color:#ccc;
    border:1px solid #ff0000;
}

HTML：

<a href=""></a>

请参阅工作示例：http : //jsfiddle.net/fQP6J/1/