条纹元素的问题。创建焦点的类

Shogu23

这是我尝试的:

-1。的HTML

    <form role="form">

        <div class="text-danger" id="errors"></div>

            <div class="form-group">
                <label for="cardholder-name">Nom complet</label>
                <input type="text" id="cardholder-name" name="cardholder-name" placeholder="Jason Doe" required class="form-control">
            </div>

            <div class="form-group">
                <label for="card-element">Informations de la carte</label>
                <div id="card-element"></div>
            </div>

-2 JS

    let card = elements.create('card', {
        classes: {
            base: "form-control",
            focus: "#a9c9eb",
        },
    });

这就是我得到的(问题=红色箭头,我希望它像=绿色箭头):

在此处输入图片说明

谢谢你的时间

----------------我使用的更正----------------

我用这个:

<style>
    .StripeElement--focus {
        border-color: #80BDFF;
        background-color: #fff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
    .StripeElement--invalid {
        border-color: #dc3545;
        background-color: #fff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }
    #card-element.form-control {
      display:block;
    }

</style>

并更正了这一点:

let card = elements.create('card');
保罗·阿杰斯

Stripe ElementsStyle对象没有提供为内部元素添加边框规则的方法。相反,您应该只将CSS规则添加到包装div中card-element

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

条纹类'条纹\充电

来自分类Dev

向动态创建的元素添加类时出现问题

来自分类Dev

带磁卡读卡器的条纹元素javascript问题

来自分类Dev

如何从焦点/模糊更改父元素的类?

来自分类Dev

焦点问题

来自分类Dev

条纹创建客户iOS

来自分类Dev

动态React元素创建的问题

来自分类Dev

动态创建 tkinter 元素的问题

来自分类Dev

用类创建元素

来自分类Dev

Laravel 4.2的条纹订阅问题

来自分类Dev

斑马条纹忽略了隐藏的元素

来自分类Dev

带多个元素的条纹元素createToken

来自分类Dev

创建新元素后解决事件问题?

来自分类Dev

动态创建元素的Angularjs绑定问题

来自分类Dev

结构类型数组的元素创建问题

来自分类Dev

在mvvm问题中创建类结构

来自分类Dev

在Python中创建的类的对象问题

来自分类Dev

在类中创建新对象的问题

来自分类Dev

创建触发器的测试类的问题

来自分类Dev

类中 c 结构的范围创建问题

来自分类Dev

问题:在类中创建动态数组

来自分类Dev

每个元素拖放后如何创建类?

来自分类Dev

创建元素时添加类

来自分类Dev

scrollIntoView和焦点问题

来自分类Dev

焦点问题使测试失败

来自分类Dev

角度正式-元素焦点

来自分类Dev

@media查询问题。隐藏的图像显示何时将焦点放在输入元素上

来自分类Dev

jQuery multiselect过滤器小部件-过滤多个元素中的文本框焦点问题

来自分类Dev

当某个元素或其任何后代失去焦点时,请删除一个类