I am encountering an issue where I am unable to override the border-spacing in the User Agent style sheet within Chrome. Currently, it is set to 2px, but I am trying to change it to 0px. Despite successfully overriding the border-collapse property, the border-spacing remains unchanged.
I have attempted to make adjustments using both -webkit-border-horizontal-spacing and -webkit-border-vertical-spacing, however, these changes were also ineffective.
Below is a snippet of my HTML document:
<!DOCTYPE html>
<html>
<head><link href="inventorystyle.css" rel="stylesheet" type="text/css"></head>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img src="iron-helmet.png"></td>
<td><img src="gold-helmet.png"></td>
<td><img src="diamond-helmet.png"></td>
</tr>
</tbody>
</table>
</html>
Additionally, here is an excerpt from my inventorystyle.css file:
table {
border-collapse: collapse;
border-spacing: 0px;
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
}