2

The problem is with the html input form in which i need the css code for the following attached pic.its a input form and when mouse clicks, the border become blue and have a blur effect...i liked it so much but i don't get the code from anywhere...so please help me...

this following image is sniped from http://getbootstrap.com/css/#forms

enter image description here

2 Answers 2

3

You have to include bootstrap in your project and add to your input class="form-control".

Hope this helps

Sign up to request clarification or add additional context in comments.

1 Comment

yes its worked....thnx a lot...and this is the first time im working with bootstrap
1

It is possible just include one css

http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css

HTML


<input type="text" class="input-style" placeholder="Text input"></input>

CSS


.input-style {
    width: 400px;
    height: 35px !important;
    margin-bottom: 10px !important;
    padding: 6px 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.input-style {
    width: 400px;
    height: 35px !important;
    margin-bottom: 10px !important;
    padding: 6px 12px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"/>
<input type="text" class="input-style" placeholder="Text input"></input>

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.