html5 - CSS not linking to my form for some reason -
i trying form styled css on webpage, cant seem form recognize css.as can see below trying stlye element below code. thoughts? sure solution cake, new programmer on here.. , help appreciated!
cssform { background: -webkit-gradient(linear, bottom, left 175px, from(#cccccc), to(#eeeeee)); background: -moz-linear-gradient(bottom, #cccccc, #eeeeee 175px); margin: auto; position: relative; width: 550px; height: 450px; font-family: tahoma, geneva, sans-serif; font-size: 14px; font-style: italic; line-height: 24px; font-weight: bold; color: #09c; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; border: 1px solid #999; border: inset 1px solid #333; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); } input { width: 375px; display: block; border: 1px solid #999; height: 25px; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); } textarea#feedback { width: 375px; height: 150px; } textarea.message { display: block; } input.button { width: 100px; position: absolute; right: 20px; bottom: 20px; background: #09c; color: #fff; font-family: tahoma, geneva, sans-serif; height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1p solid #999; } input.button:hover { background: #fff; color: #09c; } textarea:focus, input:focus { border: 1px solid #09c; }
html <form> <div> <h1>contact form :</h1> <label> <span>your name</span><input id="name" type="text" name="name" /> </label> <label> <span>email address</span><input id="email" type="text" name="email" /> </label> <label> <span>subject</span><input id="subject" type="text" name="subject" /> </label> <label> <span>message</span><textarea id="feedback" name="feedback"></textarea> <input type="button" value="submit form" /> </label> </div> </form>
html5 forms css3pie
No comments:
Post a Comment