How to style all links created by \eqref command

I am trying to color the links formed by \eqref command black.

I have managed to do this by using a CSS like this:

<style type="text/css"> .MathJax a { color: black; } </style>

Complete code example given below as well as at: http://jsfiddle.net/Z4HSr/

<title>eqref PDF like style</title> <script type="text/x-mathjax-config"> MathJax.Hub.Config({ jax: ["input/TeX","output/HTML-CSS"], extensions: ["tex2jax.js"], TeX: {equationNumbers: { autoNumber: "AMS" }} }); </script> <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/2.0-beta/MathJax.js"> </script> <style type="text/css"> .MathJax a { color: black; } </style>

\begin{equation} \label{foo} \binom{n}{k} = \frac{n!}{k! (n - k)!} \end{equation}

From \eqref{foo}, we get \(\binom{n}{k} = \binom{n}{n - k}\). Wikipedia

I want to know whether this is the recommended way to style the links created by \eqref command or if there is another better way to do it.

---

Yes, that is a reasonable way to do it. You can add the style into your MathJax configuration if you want:

    <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
      jax: ["input/TeX","output/HTML-CSS"],
      extensions: ["tex2jax.js"],
      TeX: {equationNumbers: {
        autoNumber: "AMS"
      }},
      "HTML-CSS": {
        styles: {
          ".MathJax a": { color: "black" }
        }
      }
    });
    </script>

That way all the MathJax information is in one place.