Link inside a button not working in Firefox

by

This doesn’t work because it is not allowed by HTML5:

Content model: Phrasing content, but there must be no interactive
content descendant.

Interactive content means any of the following elements:

a audio (if the controls attribute is present) button details embed
iframe img (if the usemap attribute is present) input (if the type
attribute is not in the hidden state) keygen label menu (if the type
attribute is in the toolbar state) object (if the usemap attribute is
present) select textarea video (if the controls attribute is present)

If it does work in some browsers it’s just because they’re trying to
play nice with malformed markup and provide some sort of meaningful result.

In other words: rewrite your HTML, it’s a mess. If you want the links to look like they’re in a button, put them in a div element and style that to look like one, instead of abusing semantically wrong elements for it.

More Related Contents:

  1. Is there a way to get a element to link to a location without wrapping it in an
  2. How can I tell if a DOM element is visible in the current viewport?
  3. How to close current tab in a browser window?
  4. How to change the href attribute for a hyperlink using jQuery
  5. How do I create a link using javascript?
  6. onchange event on input type=range is not triggering in firefox while dragging
  7. Open URL in same window and in same tab
  8. Can I force a link to open in a specific browser?
  9. Changing button text onclick
  10. How can I detect visited and unvisited links on a page?
  11. event.offsetX in Firefox
  12. JavaScript in or just before ?
  13. Javascript – Dynamically assign onclick event in the loop
  14. Missing click event for inside element on firefox
  15. Why aren’t Safari or Firefox able to process audio data from MediaElementSource?
  16. Hiding a button in Javascript
  17. Why does JavaScript navigator.appName return Netscape for Safari, Firefox and Chrome?
  18. Change Button color onClick
  19. Setting a button’s value using javascript
  20. Why does Firefox react differently from Webkit and IE to “click” event on “select” tag?
  21. Disable button whenever a text field is empty dynamically
  22. Attribute onclick=”function()” not functioning as intended?
  23. Web browser: Hide mouse cursor [duplicate]
  24. Firefox Web Console Disabled?
  25. How to change button text or link text in JavaScript?
  26. JavaScript button onclick not working
  27. Form submit button will not submit when name of button is “submit” [duplicate]
  28. How to disable Back button in IE and firefox? [duplicate]
  29. Does “localStorage” in Firefox only work when the page is online?
  30. Error: “Access to restricted URI denied”

Leave a Comment