Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

combining input-prepend and input-append in form-search

combining input-prepend and input-append in form-search

Problem

I'm using bootstrap for styling my website.

I've noticed that when doing this:

 

the input textbox is still rounded on the left side. Which should not be the case when looking at the css:

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
      border-radius: 0;

}

Am I doing something wrong ?

Problem courtesy of: Sam

Solution

the problem with your class '.search-query '

that consist style..

.form-search .input-prepend .search-query {
    border-radius: 0 14px 14px 0;
}

remove search-query class

Solution courtesy of: sasi

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

combining input-prepend and input-append in form-search

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×