Html <;a>;如果单击“精确文本”,则仅链接功能。如何制作整个<;a>;标签可点击?

Html <;a>;如果单击“精确文本”,则仅链接功能。如何制作整个<;a>;标签可点击?,html,css,hyperlink,popup,Html,Css,Hyperlink,Popup,“我的网站”有一个模式式弹出窗口,当用户单击此链接时会出现: 问题是,只有当您直接单击“联系人”文本时,此链接才会打开弹出窗口。如果在 提交 谢谢您的时间。我查看了您的代码,您需要输入 不过,我认为最好只为登录按钮使用标记 您的代码应该如下所示: 我查看了您的代码,您需要输入 不过,我认为最好只为登录按钮使用标记 您的代码应该如下所示: 我查看了您的代码,您需要输入 不过,我认为最好只为登录按钮使用标记 您的代码应该如下所示: 我查看了您的代码,您需要输入 不过,我认为最好只为登录按钮使用

“我的网站”有一个模式式弹出窗口,当用户单击此链接时会出现:

  • 问题是,只有当您直接单击“联系人”文本时,此链接才会打开弹出窗口。如果在
    
    
    提交


    谢谢您的时间。

    我查看了您的代码,您需要输入

    不过,我认为最好只为登录按钮使用
    标记

    您的代码应该如下所示:


    我查看了您的代码,您需要输入

    不过,我认为最好只为登录按钮使用
    标记

    您的代码应该如下所示:


    我查看了您的代码,您需要输入

    不过,我认为最好只为登录按钮使用
    标记

    您的代码应该如下所示:


    我查看了您的代码,您需要输入

    不过,我认为最好只为登录按钮使用
    标记

    您的代码应该如下所示:

    
    

    我认为问题可能是CSS,尝试在元素“
    ”中插入属性“display:inline block”

    我认为问题可能是CSS,尝试在元素“
    中插入属性“display:inline block”。

    我认为问题可能是CSS,尝试插入属性“display:inline block”在元素“
    ”中,我认为问题可能是CSS,尝试在元素“
    ”中插入属性“display:inline block”。

    我认为您的问题是将锚定标记放在哪里。由于它目前正在围绕“文本”展开,因此这正是重点所在

    如果您改为将锚点环绕在列表元素上,那么您应该能够单击列表元素本身。如果下面的示例让您更接近您的目标,请告诉我:

    <ul>    
      <a href="http://www.google.com">
        <li style="background-color: red;">
          Google!
        </li>
      </a>
    </ul>
    

    我认为你的问题在于你把锚定标签放在哪里。由于它目前正在围绕“文本”展开,因此这正是重点所在

    如果您改为将锚点环绕在列表元素上,那么您应该能够单击列表元素本身。如果下面的示例让您更接近您的目标,请告诉我:

    <ul>    
      <a href="http://www.google.com">
        <li style="background-color: red;">
          Google!
        </li>
      </a>
    </ul>
    

    我认为你的问题在于你把锚定标签放在哪里。由于它目前正在围绕“文本”展开,因此这正是重点所在

    如果您改为将锚点环绕在列表元素上,那么您应该能够单击列表元素本身。如果下面的示例让您更接近您的目标,请告诉我:

    <ul>    
      <a href="http://www.google.com">
        <li style="background-color: red;">
          Google!
        </li>
      </a>
    </ul>
    

    我认为你的问题在于你把锚定标签放在哪里。由于它目前正在围绕“文本”展开,因此这正是重点所在

    如果您改为将锚点环绕在列表元素上,那么您应该能够单击列表元素本身。如果下面的示例让您更接近您的目标,请告诉我:

    <ul>    
      <a href="http://www.google.com">
        <li style="background-color: red;">
          Google!
        </li>
      </a>
    </ul>
    

    如果您使用评论中提供的页面上的当前标记,则此CSS将允许您扩展链接的目标区域

    <style>
       #nav > a{display: inline-block; padding: 10px;}
       #nav > a > li > label{cursor: pointer;}
    </style>
    
    
    #导航>a{显示:内联块;填充:10px;}
    #导航>a>li>标签{光标:指针;}
    

    第一条规则使用填充来扩展链接的可单击区域。第二条规则将标签中文本的指针从默认值更改为指针,以便它模仿链接。我建议您重新构造标记,但如果您保持原样,则希望这将解决您的问题。

    如果您使用您在评论中提供的页面上的当前标记,则此CSS将允许您扩展链接的目标区域

    <style>
       #nav > a{display: inline-block; padding: 10px;}
       #nav > a > li > label{cursor: pointer;}
    </style>
    
    
    #导航>a{显示:内联块;填充:10px;}
    #导航>a>li>标签{光标:指针;}
    

    第一条规则使用填充来扩展链接的可单击区域。第二条规则将标签中文本的指针从默认值更改为指针,以便它模仿链接。我建议您重新构造标记,但如果您保持原样,则希望这将解决您的问题。

    如果您使用您在评论中提供的页面上的当前标记,则此CSS将允许您扩展链接的目标区域

    <style>
       #nav > a{display: inline-block; padding: 10px;}
       #nav > a > li > label{cursor: pointer;}
    </style>
    
    
    #导航>a{显示:内联块;填充:10px;}
    #导航>a>li>标签{光标:指针;}
    

    第一条规则使用填充来扩展链接的可单击区域。第二条规则将标签中文本的指针从默认值更改为指针,以便它模仿链接。我建议您重新构造标记,但如果您保持原样,则希望这将解决您的问题。

    如果您使用您在评论中提供的页面上的当前标记,则此CSS将允许您扩展链接的目标区域

    <style>
       #nav > a{display: inline-block; padding: 10px;}
       #nav > a > li > label{cursor: pointer;}
    </style>
    
    
    #导航>a{显示:内联块;填充:10px;}
    #导航>a>li>标签{光标:指针;}
    

    第一条规则使用填充来扩展链接的可单击区域。第二条规则将标签中文本的指针从默认值更改为指针,以便它模仿链接。我建议您重新构建标记,但如果您保持原样,希望这能解决您的问题。

    谢谢Ivan,但它似乎不起作用。您可以在此处亲自尝试(单击最右侧的登录按钮),您将