Using Javascript on css3 forms

Question

Using a JavaScript+jQuery I am manipulating image widths as so:

JAVASCRIPT

var imageWidth = .9 * $(window).innerWidth();
var imageHeight = .6 * $(window).innerWidth();

$("document").ready(function(){
    $(".class").css("width",imageWidth);
    $(".class").css("height",imageHeight);
});

But I also am using this to give my submit button a PHP robust image

CSS

 form input[type=submit]{
     background: url("xyz.png") no-repeat center center;
     width: 90px;
     height: 60px;
     border: none;
     color: transparent;
     font-size:0;
 }

(more on this css technique at www.suburban-glory.com/blog?page=140)

My question is not very difficult but I can't find the information I need. How do I call the form input [type=submit] in JavaScript so I can manipulate the image used for the submit button? (as you can see in the examples I was simply calling CSS classes)

elclanrs · Accepted Answer · 2012-11-06 00:39:38Z

3

$('form input[type="submit"]').css('background-image', 'url("xyz.png")');

edited Nov 6, 2012 at 0:39

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

answered Nov 6, 2012 at 0:38

user1796666

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

2 Comments

EnglishAdam Over a year ago

by the way I don-t want to change or set the url via javascript, I am changing the css height and width properties. I'll substitute the last phrase..

user1796666 Over a year ago

well you can change any css property by using the css method in jquery

Collectives™ on Stack Overflow

Using Javascript on css3 forms

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related