HTML 锚标记是否应该尊重禁用属性?

2024-02-23

如果我创建一个 HTML 锚标记并设置disabled属性为 true,我在不同的浏览器中得到不同的行为(惊喜!惊喜!)。

我创建了一个fiddle http://jsfiddle.net/dhoerster/QWhsj/展示。

在 IE9 中,该链接呈灰色,并且不会传输到 HREF 位置。 在 Chrome/FF/Safari 中,链接为正常颜色,并将传输到 HREF 位置。

正确的行为应该是什么? IE9 渲染错误吗?我应该实现一些 CSS 和 javascript 来修复它;还是 Chrome/FF/Safari 不正确并且最终会赶上?

提前致谢。


在这种情况下,IE 似乎表现不正确。

请参阅 HTML5 规范

禁用的 IDL 属性仅适用于样式表链接。当。。。的时候 link元素定义了一个样式表链接,然后是disabled属性 其行为与替代样式表 DOM 的定义相同。对于所有其他 link 元素它总是返回 false 并且对设置不执行任何操作。

http://dev.w3.org/html5/spec/Overview.html#the-link-element http://dev.w3.org/html5/spec/Overview.html#the-link-element

HTML4 规范甚至没有提到disabled

http://www.w3.org/TR/html401/struct/links.html#h-12.2 http://www.w3.org/TR/html401/struct/links.html#h-12.2

EDIT

我认为跨浏览器获得这种效果的唯一方法是js/css,如下所示:

#link{
    text-decoration:none;
    color: #ccc;
}

js

$('#link').click(function(e){
    e.preventDefault();
});

例子:http://jsfiddle.net/jasongennaro/QGWcn/ http://jsfiddle.net/jasongennaro/QGWcn/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML 锚标记是否应该尊重禁用属性? 的相关文章

随机推荐

  • 如何添加到chart.js(圆环图)的链接?

    我想添加指向圆环图的链接 以便能够向用户发送包含通过单击的选项过滤的记录的页面 例如here http www chartjs org docs doughnut pie chart introduction 如果用户单击 绿色 我想将用户
  • 如何在生产中运行 Snap haskell webapp?

    我已经在我的生产 Ubuntu 服务器 在 EC2 上 上安装了 Snap Haskell 并签出了我的项目 但如何运行它 我的意思是 在本地 我从命令行运行它 project name p 8000 snap 是否带有它自己的网络服务器
  • Matlab只打开多页tiff堆栈的第一帧

    我已经在 ImageJ 中使用宏创建了多页 tiff 文件 现在我尝试使用 matlab 打开它 但我只能访问第一帧 这是 imfinfo filename 的结果 因此 我得到 length imfinfo filename 1 File
  • Java - 序列化 - EOFException 问题

    抱歉今天发布了关于序列化的第二篇文章 修复一个问题导致了另一个问题 正如这里所说 Java 序列化 NotSerializedException 问题 https stackoverflow com questions 24824161 j
  • 将 Oracle/关系表中的数据索引到弹性搜索中的更好方法是什么?

    将大数据从 Oracle DB 索引到弹性搜索集群有哪些选项 要求是将 3 亿条记录一次性索引到多个索引中 并且每天进行大约 100 万次更改的增量更新 我尝试过 Elasticsearch 的 JDBC 插件河流 支线 两者似乎都在内部运
  • 在 Identityserver4 .NET Core 中启用多个 AzureAd

    我正在尝试在一台身份服务器中启用多个 AzureAD 的登录功能 这是必要的 因为多个租户需要能够通过 1 个身份服务器登录到自己的 AzureAD 这些设置将动态发生 对于此示例 我对 AuthenticationBuilder 进行了扩
  • python中有没有相当于javascript三等号的运算符?

    我尝试这样做但失败了 File
  • 如何在 Sylius 主题上添加 CSS 文件?

    我在 app theme AcmeTheme 下有一个自定义主题 我有主题工作 我可以在视图下定义自己的模板或覆盖其他捆绑包的模板 问题是我不知道如何在我的主题中添加自定义 CSS 文件 太胖了 我试过 AcmeTheme public s
  • 让脚手架按特定顺序生成字段

    我正在尝试让 asp net core MVC 搭建 Razor 视图 其中字段的顺序与明显默认的字母顺序不同 我有一个简单的模型 public class Application EntityBase Display Name Naam
  • OpenGL Phong 光照:镜面高光错误

    我的 OpenGL 中的 Phong 光照着色器似乎有一个奇怪的问题 镜面高光出现在对象的错误一侧 手头的问题 正如您所看到的 镜面高光出现在立方体的另一侧 从灯光的角度来看 也出现在立方体垂直边缘的角上 它应该只出现在最靠近灯光的一侧 立
  • 如何创建目录的 zip 存档?

    如何在 Python 中创建目录结构的 zip 存档 最简单的方法是使用shutil make archive https docs python org 3 library shutil html shutil make archive
  • WebView和GridView进入ScrollView,View太大,无法放入绘图缓存

    我有布局内存问题 当我有一个大的网络视图时 它不会显示任何内容 并且 logcat 显示 视图太大 无法放入绘图缓存 布局是
  • Google App 脚本:Javascript 运行时意外退出

    我编写了一个应用程序脚本 它将与 bigQuery API 交互并获取 bigQuery 结果 API 被击中近 60 70 次 在此过程中 有时我会收到以下错误消息 JavaScript 运行时意外退出 有人可以帮我吗 如果您需要任何其他
  • 在现有笔记本服务器上打开 ipython 笔记本

    我正在寻找一种在现有笔记本服务器上打开 ipynb 文件的方法 我的主目录中有一个笔记本服务器 启动如下 home myname ipython notebook 我有一个笔记本文件 home myname work dir test ip
  • React-router - 将 props 传递给处理程序组件

    我的 React js 应用程序使用以下结构反应路由器 https github com ReactTraining react router var Dashboard require Dashboard var Comments req
  • UWP VisualStateManager PointerOver 不起作用

    我正在模仿 Groove Music 的行为 当鼠标悬停在专辑封面上时 在我的代码中是整个 DataTemplate 它会显示投影效果 但我的 VisualStateManager 似乎不起作用 有任何想法吗 我已经以编程方式实现了该功能
  • 绑定ListPicker.SelectedIndex问题

    我正在尝试对 Windows Phone 7 用户控件中的 ListPicker 的 SelectedIndex 属性进行两种方式绑定 当我设置 DataContext 时 它引发以下异常 SelectedIndex must always
  • 从 ARM 模板中的 Azure 密钥保管库获取最新版本的证书

    创建需要安装位于 Azure 密钥保管库内部的 SSL 证书的 ARM 模板 如果我用指纹指定证书 它工作正常 https contoso vault azure net secrets web01 test contoso com 968
  • 激活虚拟环境时 pyenv 不再正确设置路径

    我已经使用 pyenv 近两年了 在 X11 模式下运行 RHEL 8 3 Linux 内核 4 18 和 Gnome 3 32 2 的系统上没有出现任何问题 我主要使用 Fish shell 但偶尔也会使用 bash 到目前为止 两者都可
  • HTML 锚标记是否应该尊重禁用属性?

    如果我创建一个 HTML 锚标记并设置disabled属性为 true 我在不同的浏览器中得到不同的行为 惊喜 惊喜 我创建了一个fiddle http jsfiddle net dhoerster QWhsj 展示 在 IE9 中 该链接