title: php/css/html language buttons current language
body: <p>I have "buttons", which change language on the web-page:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="wrapper"&gt;
      &lt;a class="button-link" href= "&lt;?php echo qtrans_convertURL(get_permalink(), 'de'); ?&gt;" target="_parent"&gt;DE&lt;/a&gt;
      &lt;a class="button-link" href="&lt;?php echo qtrans_convertURL(get_permalink(), 'en'); ?&gt;" target="_parent"&gt;EN&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I make a hover effect, to show, which language is about to be chosen:</p>
  
  
  
  <pre class="lang-css prettyprint-override"><code>.button-link:hover {
      color: #fff;
      border-bottom: 2px solid #e95252;
  }
  </code></pre>
  
  <p>Now I am trying to keep this border line under the chosen language. So that the user always sees the active language. I thought it would be as simple as:</p>
  
  <pre class="lang-css prettyprint-override"><code>.button-link:active{}
  </code></pre>
  
  <p>But it doesn't work the way I want it, so I guess I have to write a php function. I have found examples of how to show the current page, but it is not the same as with the languages. Because the language button is independent of the page, it should always stay underlined if a person has chosen English, for example.</p>