Autofill Text - Obnoxious Green Color

Sefiir

Sefiir @mstfcbngl

Anawilliam

Anawilliam Banned

It looks like the green color you are seeing is the default color used by the Opera browser for autofill text. If you prefer a different color, you may be able to change it by adjusting the browser's CSS settings. Here's how:

Open Opera and navigate to any page with an autofill form.

Right-click on the form and select "Inspect" from the context menu.

This will open the Developer Tools panel. In the panel, click on the "Styles" tab.

In the "Styles" tab, locate the section labeled "User agent stylesheet" and expand it.

Within this section, look for the following CSS code:

css
Copy code
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background-color: #00FF00 !important;
color: #000000 !important;
}
This code is responsible for styling the autofill text. The background-color property is set to #00FF00, which is the green color you are seeing. The color property is set to #000000, which is black.

To change the color of the autofill text, modify the color property to your preferred color. For example, you can change it to black by changing the value to #000000. If you want to change the background color as well, modify the background-color property.

Once you have made your changes, click on the "X" button in the top-right corner of the Developer Tools panel to close it.

Your changes should now be applied, and you should see the new color when using autofill in Opera.

cascadehope

cascadehope @Anawilliam

@anawilliam I just tried what you mentioned, and do not see any of the details you provided in the field.

The field has the following for the "User agent stylesheet"

input[type="text" i] {
    ~~padding: 1px 2px;~~
}
user agent stylesheet
input {
    writing-mode: horizontal-tb !important;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-weight: ;
    font-stretch: ;
    ~~font-size: ;~~
    ~~font-family: ;~~
    text-rendering: auto;
    ~~color: fieldtext;~~
    letter-spacing: normal;
    word-spacing: normal;
    ~~line-height: normal;~~
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    ~~background-color: field;
    margin: 0em;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;~~
    ~~border-color: -internal-light-dark(
          rgb(118, 118, 118), rgb(133, 133, 133));~~
    ~~border-image: initial;~~
}

I didn't see an option to 'expand it', so I can't say anything regarding doing that.

I do see that background-color and color are fields, but are set to "field" and "fieldtext" respectively.

I also don't appear to be able to edit anything in the field. I thought about maybe trying to change it from field and fieldtext to the hexcodes, but it doesn't appear to be editable.

prince1107

prince1107

The last update fixes the problem, just updated, problem fixed itself

cascadehope

cascadehope @prince1107

@prince1107 said in Autofill Text - Obnoxious Green Color:

The last update fixes the problem, just updated, problem fixed itself

I just opened up the Browser this morning, and can confirm it was fixed with the latest update.

Thanks!

MaxValenzuela

MaxValenzuela

A few days ago the suggestions of this color appeared to me, it is annoying to the eye, I would like to change it, I don't know how it happened

Please, help me

leocg

leocg Moderator Volunteer @MaxValenzuela

@maxvalenzuela Update your browser.

ChezzmanVonHinckleberries

ChezzmanVonHinckleberries @leocg

@leocg Even after updating, I still get it

leocg

leocg Moderator Volunteer @ChezzmanVonHinckleberries

@chezzmanvonhinckleberries Are you in LVL4 (core: 95.0.4635.74)?

ChezzmanVonHinckleberries

ChezzmanVonHinckleberries

@leocg Yes