Mozilla サポートの検索

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

Unwanted bevelled border on tables

  • 5 件の返信
  • 1 人がこの問題に困っています
  • 73 回表示
  • 最後の返信者: cor-el

more options

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

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

選ばれた解決策

すべての返信 (5)

more options

Are you talking about the leaves?

more options

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;
}
more options

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

more options

Actually, it's another bevel, this time a reversed bevel?

more options

選ばれた解決策