0

如何将样式代码传输到我的外部 css 文件？<form>我认为使用 .gamelist 因为or<input>东西是行不通的。我知道我可以将样式保留在 html 文件中，但我希望一切都尽可能整洁有序。

这是html代码：

<div id="sidebar">
    <p class="gamelist">
        <FORM>
            <input type="image" src="images/mariosadv.jpg" border="2" style="border:2px solid black;max-width:150px;" value="Enter Protected Area" onClick="passWord()">
        </FORM>
        <FORM>
            <input type="image" src="images/mariosadv2.jpg" border="2" style="border:2px solid black;max-width:150px;" value="Enter Protected Area" onClick="passWord()">
        </FORM>
</div>

这是我的简单 Javascript 函数：

function passWord() {
    var testV = 1;
    var pass1 = prompt('Please Enter Your Password',' ');
    while (testV < 3) {
    if (!pass1) 
    history.go(-1);
    if (pass1.toLowerCase() == "letmein") {
    alert('You Got it Right!');
    window.open('mariosadv.html');
    break;
} 
    testV+=1;
    var pass1 = 
    prompt('Access Denied - Password Incorrect, Please Try Again.','Password');
}
    if (pass1.toLowerCase()!="password" & testV ==3) 
    history.go(-1);
    return " ";
}

这是我尝试过的CSS：

.gamelist img {
    display: block;
    border: 2px solid black;
    width:150px;
    margin: 5px 0px 5px 0px;
}

这就是我使用 Javascript http://i.imgur.com/QVc6Dgu.jpg所拥有的

这就是我想要的，但没有 Javascript http://i.imgur.com/sNX3Els.jpg

如果需要任何其他信息，请在拒绝我的问题之前询问。谢谢。

4

2 回答 2

3

您需要对.gamelist [type=image]而不是进行样式设置.gamelist img，因为img 唯一指的是具有该名称的标签（通常不是图像）。

编辑这是您的 HTML 的外观：

<div class="gamelist">
    <FORM>
        <input type="image" src="images/mariosadv.jpg" value="Enter Protected Area" onClick="passWord()">
    </FORM>
    <FORM>
        <input type="image" src="images/mariosadv2.jpg" value="Enter Protected Area" onClick="passWord()">
    </FORM>
</div>
于 2013-04-05T14:29:56.600 回答
0

正如 metadept 所写，您需要使用以下 CSS 选择器：input[type='image']。请注意，.gamelist input[type='image']不要选择所需的输入字段，因为它们没有类gamelist。

对于 CSS 选择器概述，请使用：http ://www.w3schools.com/cssref/css_selectors.asp

并且请不要使用客户端认证！！！

于 2013-04-05T14:48:00.423 回答