нежелательная граница wordpress jetpack в bootstrap вводе электронной почты - PullRequest
0 голосов
/ 11 января 2020

Я использую форму подписки от Jetpack в Wordpress. Я улучшил форму реактивного ранца как можно лучше с помощью пользовательского js, но, похоже, не могу избавиться от надоедливой границы - внутри - границы, предоставляемой Bootstrap. То же самое появляется в Chrome, Firefox и Safari (MacOSX), а также iOS. Как избавиться от этой проклятой внутренней границы? Unwanted border in email input field

Страница, иллюстрирующая проблему!

<div id="blog_subscription-2" class="widget widget_blog_subscription jetpack_subscription_widget">
    <h3 class="sidebar_title"></h3>
    <form action="#" method="post" accept-charset="utf-8" id="subscribe-blog-blog_subscription-2" class="input-group mb-3">
        <div id="subscribe-email" class="form-control">
            <label id="jetpack-subscribe-label" class="screen-reader-text" for="subscribe-field-blog_subscription-2">Email Address</label>
            <input type="email" name="email" required="required" class="required" value="" id="subscribe-field-blog_subscription-2" placeholder="Email Address">
        </div>
        <div id="subscribe-submit" class="input-group-append">
            <input type="hidden" name="action" value="subscribe">
            <input type="hidden" name="source" value="https://gurueap.com/reconstructing-trends/">
            <input type="hidden" name="sub-type" value="widget">
            <input type="hidden" name="redirect_fragment" value="blog_subscription-2">
            <input type="hidden" id="_wpnonce" name="_wpnonce" value="3f90b6cdaf">
            <button type="submit" name="jetpack_subscriptions_widget" class="btn btn-primary">Subscribe</button>
        </div>
    </form>
</div>

Ответы [ 2 ]

1 голос
/ 11 января 2020

Это может быть решено, используя стиль ниже

#subscribe-email input
{
    border: none !important;
}
0 голосов
/ 11 января 2020
#subscribe-email input {
    background: #f7f7f7;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #d1d1d100;
    border-radius: 1px;
    color: #686868;
    padding: 5px;
}
#subscribe-email{
    padding: 0px;
}

Свыше css проверено и работает

...