Unwanted bevelled border on tables
When opened in Chrome, Safari and IE, this works fine. When opened in Firefox there is a bevelled edge border. What is this and how can I remove it?
http://andsotobed.co.uk/eshots/20-05-16/index.html
Thanks
الحل المُختار
Maybe you like to collapse the borders.
border-collapse: collapse;
See also:
Read this answer in context 👍 1All Replies (5)
Are you talking about the leaves?
The Inspector shows that Firefox default to outset for the border-style property.
The website would have to use "border-style:solid" to remove the beveling. ---
table:-moz-table-border-nonzero { border-width: thin; border-style: outset; }
That has worked for the bevel, but now there is still what looks like a drop shadow on the cells in the table, any ideas? http://andsotobed.co.uk/eshots/20-05-16/index.html
Actually, it's another bevel, this time a reversed bevel?
الحل المُختار
Maybe you like to collapse the borders.
border-collapse: collapse;
See also: