有没有办法从页面动态删除当前样式表？

例如,如果页面包含:

<link rel="stylesheet" type="text/css" href="http://..." />

...有没有办法稍后用JavaScript禁用它？使用jQuery的额外点.

我的样式表中的字体遇到了一个小问题.

这是我的CSS:

body
{
  ...
  font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}

#wrapper_page
{
  ...
  font-size: 1.2em;
}

input, select, textarea
{
  ...
  font: bold 100% "Lucida Sans Unicode",sans-serif;
}

这就是结果:

我认为在某个地方有一个内部css设置,用于修改密码点形状的webkits.我怎样才能摆脱它并在每个浏览器上拥有相同的风格？

谢谢!

编辑:我刚发现一些奇怪的东西:默认情况下,webkit浏览器将此CSS应用于密码字段:

input[type="password"]
{
  -webkit-text-security: disc;
}

这就是取代经典middot的原因.我尝试将其设置为圆圈或没有,但我无法获得类似于其他浏览器显示的内容.

编辑:我找到了一个解决方案.如果您的网站使用"Lucida Sans Unicode"字体,那就是问题所在!唯一能够正确模拟密码字段的其他浏览器的大点的字体是Verdana,混合了一点字母间距.因此,对于Opera和Webkit,请使用以下代码来修复它:

.opera input[type="password"],
.webkit input[type="password"]
{
  font: large Verdana,sans-serif;
  letter-spacing: 1px;
 }

我正在创建一个网站,但是当我对我的网站上的样式表进行更改,并且我刷新了网站时,没有任何更改.

我尝试使用视图源工具来检查它stylesheet.css,它也没有更新.但是,当我找到我的系统的根源时.

在我看到我网站上的更新之前,我必须至少等待20分钟,有人能告诉我为什么我不立即看到更改？我的浏览器,计算机或服务器出了什么问题？

我也尝试删除我的cookie,缓存和历史记录,但它仍然无法正常工作.

我的Angular 2应用程序中有一些CSS规则,这些规则在各种组件中都很常见.显然,我不想将它们复制并粘贴到每个组件的样式中.我目前有2个想法:

1. 将常见的CSS规则放在静态CSS文件中,并使用index.html的head部分中的链接将其包含在内.
2. 将我的常用CSS规则放在一个或多个文件中,并将它们包含在@Component每个组件的装饰器中,例如 styleUrls: [ './myComponentStyle.css', '../common/common.css']

对我来说,第一种方法看起来并不那么棱角分明,但同时它确实可以工作并且易于实现.

第二个需要对每个组件进行一些工作,但允许更多地控制一个人使​​用的样式.它还允许我将我的常用样式组织成较小的样式表,并仅使用所需的样式表.

你喜欢这些解决方案还是第三个更好的解决方案？:)

由于有很多方法可以将CSS3媒体查询实现到网站中,我想知道哪些是经验丰富的网页设计师推荐的.我能想到一对夫妇:

1.一体化样式表

默认样式适用于所有屏幕宽度,并且媒体查询仅适用于较低的屏幕宽度并覆盖默认值,所有这些都在一个文件中.例如:

HTML

<link rel="stylesheet" href="main.css">

的main.css

article
{
    width: 1000px;    
}

@media only screen and (max-width: 1000px)
{
    article
    {
        width: 700px;
    }

}

(请记住,这只是一个例子)

优点:

• 默认样式适用于旧版浏览器
• 只需要一个HTTP请求

缺点:

• 用很多代码弄乱了
• 有些浏览器必须下载不适用的代码

2.单独的样式表

有单独的样式表包含为每个屏幕宽度定制的完整代码.浏览器仅加载适用的浏览器.例如:

HTML

<link rel="stylesheet" href="large-screen.css" media="screen and (min-width: 1001px)"> /*Also older browsers*/
<link rel="stylesheet" href="small-screen.css" media="only screen and (max-width: 1000px)">

大screen.css

article
{
    width: 1000px;
}

小screen.css

article
{
    width: 700px;
}

优点:

• 整洁有序
• 只需要一个HTTP请求
• 浏览器只加载他们需要的东西

缺点:

• (这就是为什么我对使用它犹豫不决:)当一个人做出适用于所有屏幕宽度的更改时,必须将更改复制并粘贴到所有样式表中的相应位置.

3.单独的样式表,一个全局样式表

与#1相同,但全局样式和媒体查询位于不同的样式表中.例如:

HTML

<link rel="stylesheet" href="main.css">
<link rel="stylesheet" …

我没有看到任何文档说jQuery可以改变任何CSS定义,如更改

td { padding: 0.2em 1.2em }

至

td { padding: 0.32em 2em }

但要么必须更改整个样式表,要么更改每个元素的类,或者更改每个元素的css.

是否可以更改样式定义？

我有一个旧样式表,现在充满了未使用的样式.问题是从不必要的角度确定必要的.有没有工具可以帮助解决这个问题？

我有一个JavaScript应用程序,当我在Firefox上运行它时,我在控制台上得到以下错误:

"样式表未加载,因为其MIME类型"text/html"不是"text/css".

DumbStuck!

编辑:请注意,它告诉"样式表ABCD ..."但ABCD实际上是一个HTML文件.

编辑(答案):实际上我错误地放了href="",因此html文件反过来作为CSS.Mozilla的过类似的错误一次,它是从那里我得到了答案.但是每个人的其他答案也帮助了我.谢谢.

除了已经在_Layout.cshtml中链接的内容之外,我还希望链接某些视图中的特定样式表.对于非剃刀,我看到使用内容占位符.我怎么为Razor做这个？

如何使用Twitter Bootstrap创建类似于表的列表结构,其中一些列占用尽可能多的空间,以容纳该列的最宽元素,并且单个列占用剩余空间？

例如:

Id    |Name     |Email address                
100001|Joe      |MamiePVillalobos@teleworm.us
100   |Christine|ChristineJWilliams@dayrep.com
1001  |John     |JohnLMiley@dayrep.com

该ID列只需要足够的空间来容纳100001号,这是最长的ID.

" 名称"列占用的空间足以容纳名称Christine.

" 电子邮件"列占用剩余空间.