Javascript 纯文本HTML按钮

我需要制作一个只显示为文本的HTML按钮。我的HTML必须使用外部CSS和JS文件完全具有语义

我一直有很多问题，因为我不能得到正确的位置，也不能让按钮的背景消失

BTTN安置{ 文本对齐：居中； 颜色：白色； 背景：透明； 边界：无； 大纲：无； 显示：块； 高度：100px； 宽度：300px； 光标：指针； } myBttn{ 文本对齐：居中； } 你的选择是什么？ 一,。是波士顿的银行家吗

二,。我是俄亥俄州的木匠

三,。我是伊利诺伊州的农民

四,。了解差异

按空格键返回主菜单

---

要使背景仅作为文本透明，需要覆盖默认按钮css

button {
    background: transparent;
    border: 0;
}

button:focus {
    outline: transparent;
}

---

我认为你已经很接近了，但是你瞄准了错误的元素

myBttn{ 文本对齐：居中； 颜色：黑色； 背景：透明； 边界：无； 大纲：无； 显示：块； 高度：100px； 宽度：300px； 光标：指针； 文本对齐：居中； } 你的选择是什么？ 一,。是波士顿的银行家吗

二,。我是俄亥俄州的木匠

三,。我是伊利诺伊州的农民

四,。了解差异

按空格键返回主菜单 贸易

---

在你的CSS中。您可以随意更改颜色。

在这里按空格键，您将看到并使用空格键

background:unset;
border:unset

在这里，您尝试选择带有id的按钮。如果您想选择作为id，则必须在idname之前声明

$window.keypress功能e{ 如果e.keyCode==32{ 提醒“你在这里的行动” } } BTTN安置{ 文本对齐：居中； 颜色：白色； 背景：透明； 边界：无； 大纲：无； 显示：块； 高度：100px； 宽度：300px； 光标：指针； } myBttn{ 文本对齐：居中； 背景：未设置； 边界：未设置； } 你的选择是什么？ 一,。是波士顿的银行家吗

二,。我是俄亥俄州的木匠

三,。我是伊利诺伊州的农民

四,。了解差异

按空格键返回主菜单

---

你的意思是像一个标记一样吗？JavaScript与此有什么关系？那么如果你想设置按钮的样式，为什么要将样式应用于用于包装按钮的div元素？你不应该把css添加到按钮中吗？如果你不想让某个东西成为按钮，那么就不要让它成为按钮。使用或其他可以附加单击事件的内容。如果您试图将其链接到另一个页面，请使用文本装饰：无；在CSS中，@mzaccaro89 a标记是最好的方法。这样做有效，我应该给出html文件的url吗？因为当我单击它返回的链接时无法获取/mainMenu.html，或者考虑到我一直在使用express进行路由，我可以设置一个JS事件来处理位置吗？问题的注释指向更好的答案，这似乎表明JavaScript是解决此问题的更好途径。这个问题还要求JS和CSS分开。

<button id="myBttn">
              Press Spacebar to Return to Main Menu        
          </button>

<a id='myBttn' href='index.php'>Press Spacebar to Return to Main Menu</a>

#myBttn:link,#myBttn:hover,#myBttn:active,#myBttn:visited{
  text-decoration:none; color:#000;
}

background:unset;
border:unset

#myBttn { //added # for select as id
  text-align: center;
}