相关疑难解决方法(0)

如何用css覆盖两种字体

我有两种字体,Cooper Black 和 Cooper Hilite。我想将它们放在彼此之上,如下图所示:http : //viewerslikeu.squarespace.com/storage/720x360_1.png

有接班人吗?

css fonts

4
推荐指数
1
解决办法
3038
查看次数

如何确定 ::before 是否应用于元素?

我有这个简单的 html 代码。我需要能够确定 ::before 是否应用于 .icon-player-flash

    <div id="TestSwitch">

        <i class="icon-player-html5"></i>

        <i class="icon-player-none"></i>

        <i class="icon-player-flash"></i>

    </div>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

我认为这会起作用,但它总是返回 0 长度。

var flashplayer = $(".icon-player-flash:before");
console.log("count: " + flashplayer.length);
Run Code Online (Sandbox Code Playgroud)

我缺少什么?

javascript css jquery

4
推荐指数
1
解决办法
2168
查看次数

使用`.css`表示伪元素

可能重复:
使用jQuery操作CSS:before和:after伪元素

我想jQuery等效这个CSS代码:

p:before {
   content: 'Intro!';
}
Run Code Online (Sandbox Code Playgroud)

我天真地试过,$('p:before').css('content', 'Intro!');但它不起作用.

如何使用jQuery进行伪元素CSS修改?

css jquery pseudo-element

3
推荐指数
1
解决办法
1377
查看次数

有什么方法可以重置:在/之前/之前的元素CSS规则?

有没有办法(强有力地)重置新创建的元素的任何可能:after:beforeCSS规则?

通常,您可以直接设置要在元素上重置的样式规则(!important如果您想确定),但我不知道有什么方法可以更改:after元素中定义的规则.

(只有在可能的情况下才能使用Chrome.)


一个例子的jsfiddle.

使用:before/ :afterrules 添加的内容会影响返回的值clientHeight.

javascript css google-chrome

3
推荐指数
1
解决办法
1万
查看次数

使用 jQuery 更改“:before”元素的内容

我有以下CSS:

.example:before {
    content: " $ ";
    margin-left: 4px;
    color: #666;
 }
Run Code Online (Sandbox Code Playgroud)

我想使用 jQuery 更改“内容”。我使用什么选择器来访问该元素?

jquery jquery-selectors

2
推荐指数
1
解决办法
6684
查看次数

单击css内容属性

以下代码在标头标记之前添加图像.如何在单击标题之前添加图像时添加javascript或jquery代码来处理某些任务.

h1::before 
{
    content: url(smiley.gif);
}
Run Code Online (Sandbox Code Playgroud)

Html代码是:

 <html>
   <body>
     <h1>Hi </h1>
   </body>
 </html>
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

2
推荐指数
1
解决办法
94
查看次数

使用jQuery删除CSS样式后的::

我有一个CSS文件,指定:after针对类的样式(' view-performance')

使用jQuery(因为我的JS文件包含业务逻辑),如何:after根据业务逻辑删除样式?

javascript css jquery

2
推荐指数
1
解决办法
1万
查看次数

如何在css选择器上应用jQuery:之前

这是我的场景,创建了一个divwith CSSX在之前添加了一个右上角pseudo-class.如何通过在帮助下单击X来关闭此div javascript

图片

CSS

.validation-summary-errors{
    position: absolute;
    width: 260px;
    padding: 20px;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 4px;
    border: #000 solid 1px;
    box-shadow: #232323 1px 1px 6px;
}

.validation-summary-errors:before {
    display: block;
    content: "X";
    position: absolute;
    right: -15px;
    top: -15px;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 5px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    width: 29px;
    box-sizing: border-box;
}
Run Code Online (Sandbox Code Playgroud)

视图中的HTML(编辑) …

html javascript css asp.net-mvc jquery

2
推荐指数
1
解决办法
1731
查看次数

从javascript更改伪元素样式

如何更改CSS的伪元素样式?


我正在尝试获取CSS before::规则并将其更改left:95%4px。如何在我的上下文中执行此操作?

我也使用进行了一些测试,document.querySelector但是它不起作用,出现了计算只读错误。

有什么建议吗?


例:

的CSS

.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px;
}
Run Code Online (Sandbox Code Playgroud)

js

    if(description_iziToast){
        let RightMode = event.x>window.innerWidth/2;
        let bubblePosition = document.getElementsByClassName("iziToast-balloon")[0]; // get the div that hold the bubble
        let ajustScreenLR = RightMode && document.getElementsByClassName("iziToast")[0].offsetWidth || 0; // halfScreen ajustement
        //bubblePosition.style.left = RightMode && '95%' || '4px'; // here i need to change the position in the befor:: attribut …
Run Code Online (Sandbox Code Playgroud)

javascript css dom pseudo-element

2
推荐指数
2
解决办法
3349
查看次数

使用 JavaScript 更改伪元素 ::after 文本内容

有没有办法使用JS动态改变::after伪元素的文本内容?我正在尝试创建一个表单作为练习(刚刚开始学习 Web 开发),但我无法使用 JS 更改密码字段下的文本。

我希望它告诉用户密码是否太短,或者确认密码字段具有不同的值。

以下是 GitHub 上的所有文件:

https://github.com/mihaib1/sign-up-form

尝试使用在根目录中声明的 CSS 变量,但无法使该变量的值出现在屏幕上,我不知道为什么。另外,当使用 CSS 变量时,只有当我只使用一个单词时它们才会改变。当尝试将变量设置为由多个单词组成的字符串时,使用 setProperty 不会改变它。

html javascript css

2
推荐指数
1
解决办法
1286
查看次数