Черная тень у кнопки на iPhone, откуда?

Question

[Дмитрий]

Все привет. На iPhone 10 кнопка имеющую функцию скрола вверх,выдает div черную тень.

скриншот

На Android такого не происходит, кнопка сделана на div и функциия повешена scrolltop.
В чем может быть проблема? Что гуглить?

Comments

[Шохрух Шаймардонов]

Ну покажите хоть код (html+css)

[Oleg]

Дмитрий Там только div? Или внутри div лежит button?

[id_dmitriy]

Шоу - интуиция.

у блока

#up {
    border-radius: 50%;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,.5);
}

Гуглить что такое -moz- , -webkit- , для чего используются.

[Дмитрий]

Oleg, только div

[Дмитрий]

Шохрух Шаймардонов,

#up {
	display: none;
	position: fixed;
    bottom: 24px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 46px;
    height: 46px;
    z-index: 9999;
    outline: none;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,.5);
}
#up:focus {
	outline: none;
}

<div id="up">
<svg width="46px" height="46px" viewBox="0 0 46 46" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <g id="COMMON/circle_arrow_up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<circle id="Oval" fill="#FFFFFF" transform="translate(23.000000, 23.000000) rotate(-180.000000) translate(-23.000000, -23.000000) " cx="23" cy="23" r="23"></circle>
<polygon id="arrow_20" fill="#000000" transform="translate(23.000000, 23.000000) scale(-1, 1) rotate(-90.000000) translate(-23.000000, -23.000000) " points="21.809 11 32.48 21.5 8 21.5 8 24.5 32.48 24.5 21.8105 35 25.985 35 38 23.0165 25.9835 11"></polygon>
			    </g>
			</svg>
    	</div>

Answer 1

[nasvek]

Попробуй на кнопку повесить
-webkit-appearance: none;
Также попробуй
border:0;

Comments

[Дмитрий]

Все так же остается

Answer 2

[Meakin]

border:0px;
должно помочь, если не поможет, то посмотри уроки про адаптивную вёрстку, там разберешься.

Comments

[Дмитрий]

А что мне урок по адаптивной верстке даст?

[Meakin]

Дмитрий, ну посмотришь, решишь проблему.