input border CSS

[Steven MaasParticipant]

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

[Ernest MarcinkoKeymaster]

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 :)

[Steven MaasParticipant]

Works!

Thanks!

-Steve

[Author]

Posts