Откута берется эта белая линия?

Question

[Dyikot]

Линия еле заметна. Она появляется при приближении ползунка к границе.

input[type="range"] {
    -webkit-appearance: none;
    height: 5px;
    border-radius: 10px;
    background-image: linear-gradient(#3b7de5, #3b7de5);
    background-size: 0% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

    input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        background-color: #3b7de5;
        height: 15px;
        width: 15px;
        border-radius: 50%;
    }

Comments

[VoidVolker]

Dyikot не воспроизводится - приведите полный пример. Кроме того, судя по форме, диаметр полукруга - это касательная к кругу. Неужели не видно форме, что это не линия?

Answer 1

[VoidVolker]

Ну, тут как бы очевидно всё:

Comments

[Dyikot]

не понял как это исправить

[VoidVolker]

Dyikot, например нарисовать квадрат справа от полукруга.

[Dyikot]

VoidVolker, не вижу квадратов

[VoidVolker]

Dyikot, шта?

[Dyikot]

VoidVolker, ты под квадратами имеешь в виду пиксели? как это реализовать интересно?

[VoidVolker]

Dyikot,

ты под квадратами имеешь в виду пиксели?

Нет, не пиксели, а именно квадрат. Можно маленький прямоугольник, но там будет учитывать размер большого круга - смысла нет так заморачиваться.

как это реализовать интересно?

Открыть мануал/статью по HTML/CSS и реализовать.

Answer 2

[Антон Антон]

Добавь ему margin-right -1px и противоположному - margin-left