如何制作一个完全适合文本的可点击元素?

时间:2013-04-30 22:06:12

标签: javascript html css

我目前正在编写基于ascii art的完整javascript应用程序。将有大块的ascii艺术,我需要制作这个ascii艺术的可点击部分。问题是:ascii艺术当然是等宽的,所以可点击的部分必须完美地融入艺术内部,并且不会破坏艺术角色的对齐。

当我使用这样的按钮时:

<button style="border:none; font-familiy:monospace"></button>

然后对齐被破坏,结果因浏览器而异。

所以我可以使用一个跨度并使用javascript使其可点击,但我听说这样做的可访问性不是一个好主意......什么是最好的解决方案?

谢谢!

1 个答案:

答案 0 :(得分:1)

您可以从按钮中删除所有样式,如背景,边框,填充,边距等。

关于可访问性,在跨度或a标记上使用onclick会有什么不好?