title: iOS Safari change <table> from display: table; to display: block;
body: <p>I am experiencing an issue with <code>&lt;table&gt;</code> elements in Safari on iOS. I want to change a table to <code>display:block;</code> but I cannot seem to change it away from <code>display: table;</code>. I can debug it on a macbook pro I have and inspect the elements and the strange thing is, on a different site of mine I have a <code>&lt;table&gt;</code> that is <code>display: block;</code> and I can't change it, but then I have a different <code>&lt;table&gt;</code> (the one I would like to change) that is <code>display: table;</code> and I cannot get the style to override with <code>display: block;</code>. I have tried normal ways of overriding the css such as <code>!important</code> and it seems as though it should catch, but in the computed tab in Safari, it still will only show <code>display: table;</code>. I know that changing the <code>&lt;table&gt;</code> to <code>display:block;</code> will correct my issue, because my other table works correctly.</p>
  
  <p>Does anyone have any experience with Safari overriding styles and what might be preventing me from changing the display property of the table?</p>
  
  <p>Unfortunately, since the issue only occurs in iOS Safari (not in Chrome emulation), it is difficult for me to link to an example here.</p>