当サイトはユーザー体験を改善するためのメンテナンスを実施中に機能が制限される予定です。記事を読んでもあなたの問題が解決せず質問をしたい場合は、Twitter の @FirefoxSupport、Reddit の /r/firefox で、サポートコミュニティが皆さんを助けようと待機しています。

Avatar for Username

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.

詳しく学ぶ

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

How to make dotted outline bigger and more noticeable?

  • 3 件の返信
  • 2 人がこの問題に困っています
  • 6 回表示
  • 最後の返信者: philipp

Lockywolf
Lockywolf
more options

I use Firefox to fill a lot of forms. It is easier to do without using the mouse and switching between elements with Tab and Shift+Tab.

Firefox shows the cursor flickering bar in every input field which is a text field and bounds other elements with a tiny dotted line.

What I want is to make this dotted line more prominent to make it stand out of the page, to make it easier to spot.

On Google I found many discussions on how to remove this outline with CSS vendor-specific properties, but not much about customizing it from a user's point.

Perhaps, I could add a user CSS or a user JS (with greasemonkey), but I am not sure what to write there. Can I somehow set this property for every element?

I use Firefox to fill a lot of forms. It is easier to do without using the mouse and switching between elements with Tab and Shift+Tab. Firefox shows the cursor flickering bar in every input field which is a text field and bounds other elements with a tiny dotted line. What I want is to make this dotted line more prominent to make it stand out of the page, to make it easier to spot. On Google I found many discussions on how to remove this outline with CSS vendor-specific properties, but not much about customizing it from a user's point. Perhaps, I could add a user CSS or a user JS (with greasemonkey), but I am not sure what to write there. Can I somehow set this property for every element?

選ばれた解決策

hi, you can do the following: enter about:config into the firefox address bar (confirm the info message in case it shows up) & search for the preference named browser.display.focus_ring_width. double-click it and change its value to 4.

この回答をすべて読む 👍 1

すべての返信 (3)

FredMcD
FredMcD
more options

You can use a form filling add-on to save some time.

Go to the Mozilla Add-ons Web Page {web link} (There’s a lot of good stuff here) and search for what you want.

Lockywolf
Lockywolf 質問者
more options

Sorry, but it doesn't solve the issue.

I really need to be able to see the "currently selected element". Just because I use keyboard a lot.

philipp
philipp
  • Moderator
more options

選ばれた解決策

hi, you can do the following: enter about:config into the firefox address bar (confirm the info message in case it shows up) & search for the preference named browser.display.focus_ring_width. double-click it and change its value to 4.