vue-router : how to remove underline from router-link : <p>This results in an underlined link:</p>

<pre><code>&lt;li&gt;&lt;router-link to="/hello"&gt;Hello&lt;/router-link&gt;&lt;/li&gt;
</code></pre>

<p>My understanding is that the <code>router-link</code> element generates an <code>a</code> tag.</p>

<p>I've tried these things in the CSS:</p>

<pre><code>router-link{
    text-decoration: none;
}
</code></pre>

<hr>

<pre><code>router-link a{
    text-decoration: none;
}
</code></pre>

<hr>

<pre><code>router-link a{
    text-decoration: none !important;
}
</code></pre>

<p>..but unfortunately none of these work.</p>
