WebEdition: Change color of Textfield Focus Ring?

How can I change the color of the Focus Ring of Textfields in WebEdition?

I didn’t find a option in the WebStyles to change it.

Hi Thomas, please use all Border CSS Properties (Left,Top,Right,Bottom) on any Tab in your WebStyle Sheet Editor (e.g. Hover)

Sorry, that is not the solution, it only makes a colored border.

But I mean the Focus Ring, when the mouse is in the Textfield.

Make the Borders transparent or in same color like the background and the Hover Settings with Color… it works!

[quote=234366:@Thomas Mueller]How can I change the color of the Focus Ring of Textfields in WebEdition?

I didn’t find a option in the WebStyles to change it.[/quote]

AFAIK the color of the focus ring cannot be changed, would that be in Xojo, JavaScript or CSS.

The only way would be to build a custom control with WebCanvas, but you will have to emulate the text edition.

It can be removed with css using outline: 0;
At least I think it can. If it works you can create your own using a style.

[quote=234929:@Albin Kiland]It can be removed with css using outline: 0;
At least I think it can. If it works you can create your own using a style.[/quote]

Good idea.

This in the App HTMLHeader or in a PageSource will suppress the focus ring for all TextFields:

<style> input {outline-style: none} </style>

This is good and works well for webTextFields - what is needed to make it work for webTextAreas too?

I believe it should with a slight modification :

<style> textarea {outline-style: none} </style>

Thank you Michel - that works fine.