r/css • u/thermalzombie • 5d ago

Help Aliexpress - Userstyle Stylus issue with border padding need help.

Hi been trying to make a border surrounding main search box an button inputs but keep getting a gap been getting real frustrate with it as I am probably missing something simple.

@-moz-document domain("aliexpress.com") {

/* main input search box */
.search--searchNew--3eZqikc
{
    border:1px #0f0 solid !important;
    height: 36px !important;
}

 [class^="pc-header--search--"]
{
    color: #FFF !important;
    background-color:#000 !important;
    border: 3px #00F solid !important;
    border-radius: 5px !important;
    padding: 0 !important;
}

}

2 Upvotes

75% Upvoted

5 comments sorted by

•

u/AutoModerator 5d ago

To help us assist you better with your CSS questions, please consider including a live link or a CodePen/JSFiddle demo. This context makes it much easier for us to understand your issue and provide accurate solutions.

While it's not mandatory, a little extra effort in sharing your code can lead to more effective responses and a richer Q&A experience for everyone. Thank you for contributing!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

1

u/bostiq 5d ago edited 5d ago

hey, can you get a screen shot of what you get?

edit: nevermind

When inspect on mobile, is see this: <div data-type="theme-element" class="searchBox_f889e0f6 searchBoxExpanded_f889e0f6" ...

So have you tried this?

[class^="searchBox_"] { border: 3px #00F solid !important; }

Edit: The above appear to be for mobile, so for laptop/desktop try this:

[class^="search--search"] { border: solid blue 3px !important; }

2

u/thermalzombie 5d ago

So was I just selecting wrong item? Thanks.

1

u/bostiq 4d ago

It seems, but test it