- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我的网站有一个模式样式的弹出窗口,当用户单击此链接时会出现:
<li><a href="#contact"><label for="lightbox-demo">Contact</label></a></li>
问题是此链接只有您直接在“联系人”文本上单击时才会打开弹出窗口。如果您在 <a>
内单击标签,但错过了文本,它不会做任何事情。如果您单击 <a>
中的任意位置,我该怎么做呢?标记,弹出窗口打开?
弹出代码(如果需要)是:
<aside class="lightbox">
<input type="checkbox" class="state" id="lightbox-demo" />
<article class="content">
<a href="#" class="closest"><img src="img/x.png" class="btn_close" title="Close Window" alt="Close Contact Window" /></a>
<form method="post" action="submit.php" id="contactform" class="signin">
<input name="name" id="name" type="text" class="feedback-input" placeholder="Name" />
<input name="email" id="email" type="email" class="feedback-input" placeholder="Email" required pattern="[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+(?:[A-Z]{2}|com|org|net|edu|gov|mil|biz|info|mobi|name|aero|asia|jobs|museum)" required title="Whoops! Invalid email" aria-required="true"/>
<div class="antispam">
<br /><input name="url" type="hidden" /></div>
<textarea name="message" id="message" class="feedback-input" placeholder="Comment" required minlength="15" required title="Must be at least 15 characters"></textarea>
<button id="flybutton">
<p>Submit </p>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
<path id="paper-plane-icon" d="M4z"></path>
</svg>
</button>
</form>
</article>
<label class="backdrop" for="lightbox-demo"></label>
</aside>
感谢您的宝贵时间。
最佳答案
如果您使用您在评论中提供的页面上的当前标记,那么此 CSS 将允许您扩展链接的目标区域。
<style>
#nav > a{display: inline-block; padding: 10px;}
#nav > a > li > label{cursor: pointer;}
</style>
第一条规则使用填充来扩展链接的可点击区域。第二条规则将标签中文本的指针从默认值更改为指针,以便它模仿链接。我会建议重组您的标记,但如果您保持原样,那么希望这会解决您的问题。
关于html - <a> 链接仅在您单击确切文本时起作用。如何使整个 <a> 标签可点击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29174067/
今天有小伙伴给我留言问到,try{...}catch(){...}是什么意思?它用来干什么? 简单的说 他们是用来捕获异常的 下面我们通过一个例子来详细讲解下
我正在努力提高网站的可访问性,但我不知道如何在页脚中标记社交媒体链接列表。这些链接指向我在 facecook、twitter 等上的帐户。我不想用 role="navigation" 标记这些链接,因
说现在是 6 点,我有一个 Timer 并在 10 点安排了一个 TimerTask。之后,System DateTime 被其他服务(例如 ntp)调整为 9 点钟。我仍然希望我的 TimerTas
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
我就废话不多说了,大家还是直接看代码吧~ ? 1
Maven系列1 1.什么是Maven? Maven是一个项目管理工具,它包含了一个对象模型。一组标准集合,一个依赖管理系统。和用来运行定义在生命周期阶段中插件目标和逻辑。 核心功能 Mav
我是一名优秀的程序员,十分优秀!