Question

如何更改输入类型？我想使用CSS中的类或id，而不会破坏我的脚本。

我的输入类型是“按钮”，它在页面上放置一个通用的按钮。我想改用#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>

Answer 1

如果您希望应用样式，请更改元素上的id以阅读以下内容：

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

或者，您可以将CSS规则更改为：

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

HTML和JS，改变输入类型

1 个答案: