title: Chrome HTML5 video subtitles styling
body: <p>I'm trying to display a HTML5 video with subtitles in Chrome, but if for any reason the <code>video</code> element is inheriting some <em>style properties</em> the subtitles don't display property.</p>
  
  <p>For example if the <code>video</code> element is inheriting the <code>line-height</code> property then the subtitles don't transform properly between the mode <em>minimized</em> and the mode <em>fullscreen</em>.</p>
  
  <p><img src="https://i.stack.imgur.com/wXECp.png" alt="enter image description here"></p>
  
  <p>Check the <a href="http://fguillen.github.com/ChromeVideoSubsStyle/" rel="nofollow noreferrer">examples page</a></p>
  
  <p>I'm not able to define proper styles for the <code>video &gt; track</code> element.</p>
  
  <p>My main concern: is it possible to manipulate the <em>styles</em> of a <code>video &gt; track</code> element in Chrome?</p>
  
  <p>An my secondary concern: is this weird behavior of the <code>line-height</code> in these elements a Chrome bug or my fault?</p>