input border CSS

This topic contains 2 replies, has 2 voices, and was last updated by

 
Participant
3 years, 11 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #16866

    Participant

    Hi Ernest:

    I’m having an issue with your CSS styling. I turned off all the borders and shadows for the input field layout options. I only have a border selected for the overall box layout. It still leaves an inner border for some reason another border when you type.

    See for yourself:

    https://www.fieldslre.com/brokers/

    Basically I only want one border with no shadows anywhere. . So I kept the Search Box Border and turned off all the other borders and shadows.

    Not sure what to do.

    -Steve

    #16867

    Hi Steve,

    I found this custom CSS rule in the header style CSS file:

    input, textarea, select, input, textarea, select  {
    		border:1px solid #b3b3b3!important;	
    }
    
    input:focus, textarea:focus, select:focus, input:active, textarea:active, select:active  {
    	border: 1px solid #474747 !important;
    	background-color: white !important;
    	outline: none;
    	box-shadow:none !important;
    	-webkit-border-radius: 0px;
    	-moz-border-radius: 0px;
    	border-radius: 0px;
    }

    This overrides all borders on every input/select/textarea fields on the page. You can leave them as they are, just add this custom CSS rule as well, so it overrides the input fields in the search box with no borders:

    .asp_w input, .asp_w textarea, .asp_w select,
    .asp_w input:focus, .asp_w textarea:focus, .asp_w select:focus {
    	border: none !important;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #16868

    Participant

    Works!

    Thanks!

    -Steve

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.