2011-03-07 73 views
0


如何更改輸入類型?我想從CSS中使用類或ID,而不會破壞我的腳本。HTML和JS,更改輸入類型

我的輸入類型是「按鈕」,它在頁面上放置了一個通用的按鈕。我想用#myStyle代替。請幫忙。
謝謝,

<!DOCTYPE html PUBLIC ""> 
<head> 
<style> 
#mySprite{ 
    background:url('image.gif') 0 -480px; 
    left:0px; 
    width:13px; 
    } 
</style> 
<script type="text/javascript" src="js/jquery-1.4.min.js"></script> 
<script type='text/javascript'> 
    var fontSizes = [14, 16] 
    $(function(){ 
     $('#PlusMinus').click(function() { 
      if($(this).val() == "+") { 
      $('#OurText').css('fontSize', fontSizes[1] + 'px'); 
      $(this).val("-"); 
     } 
     else { 
      $('#OurText').css('fontSize', fontSizes[0]+ 'px'); 
      $(this).val("+"); 
     } 
      $("body .h6").toggle(); 
     }); 
    }); 
</script> 
</head> 
<body> 
    <h6 class="noSpan"> 
    <!--MY INPUT TYPE NEED TO BE CSS STYLE--> 
     <input type='button' class="cat" value='+' id='PlusMinus' /> 
     <span class="h6">Larger</span> 
     <span class="h6" style="display: none">Smaller</span> 
    </h6> 
    <h5 id="OurText" class="p">TEXT</h5> 
</body> 
</html> 
+0

你想改變你的按鈕有一個'myStyle'的ID? – JamesHalsall 2011-03-07 19:41:03

回答

1

如果你想獲得應用你的風格,無論是改變元素的ID來閱讀以下內容:

<input type='button' class="cat" value='+' id='mySprite' /> 

或者,您也可以將您的CSS規則更改爲:

#PlusMinus 
{ 
    background:url('image.gif') 0 -480px; 
    left:0px; 
    width:13px; 
}