title: Override USER AGENT STYLE SHEET - Chrome
body: <p>I've got a list item that is being displayed on the webpage using the hover effect. Challenge i'm facing here is when i apply some border or background to the list item, it looks horrible because of the padding that is being generated automatically.</p>
  
  <p>Look at this image please.</p>
  
  <p>Anyone please help me to override it.</p>
  
  <p>I already searched the forums but i only got how to turn it <a href="https://stackoverflow.com/questions/18006356/chrome-how-to-turn-off-user-agent-stylesheet-settings"><strong>off</strong></a> from the console not to over ride it.</p>
  
  <p><img src="https://i.stack.imgur.com/K2eko.png" alt="enter image description here"></p>