Question

Goodday，

我目前正在处理一个我想要点击div的页面。

到目前为止：

<a href="http://coteax.me/">
 <div id ="rectangle">
   <div id="iconx"></div>
 <p class="rec-text"> Portal for projects</p>
 </div>
</a>

它有效，但文字用紫色下划线加下划线（超文本？）如何使紫色线消失，文本只是可点击？

非常感谢提前！

Answer 1

您可以通过CSS删除下划线，检查示例的CSS部分。

来自Link的示例：

HTML：

<div class="boxhead">
    <h2>
        <span class="thisPage">Current Page</span>
        <a href="myLink"><span class="otherPage">Different Page</span></a>
    </h2>
</div>

CSS：

.boxhead .otherPage {
    color: #FFFFFF;
    text-decoration: none;
}

Answer 2

HTML

<div id="iconx">
...
</div>

CSS

#iconx {
 cursor : pointer;
}

JQUERY

$('body').find("#iconx").delegate("click", function() {
 location.href="http://coteax.me/"
})

Answer 3

只需使用text-decoration: none。

＆＃13;

<a href="http://coteax.me/" style="text-decoration: none;"><div id ="rectangle"><div id="iconx"></div><p class="rec-text"> Portal for projects</p></div></a>

＆＃13;

或（使用外部CSS）

＆＃13;

a {
    text-decoration: none;
}

＆＃13;

<a href="http://coteax.me/">
    <div id ="rectangle">
        <div id="iconx"></div>
        <p class="rec-text">Portal for projects</p>
    </div>
</a>

＆＃13;

如何在没有下划线的情况下使html和css中的div可点击？

3 个答案: