css3 курсор и проблемы с тенью по умолчанию

Question

Так что мой курсор по-прежнему по умолчанию, хотя я изменил его на указатель. Поскольку я принимал скриншоты, чтобы опубликовать здесь, я заметил, что если бы я зависал по ссылке и ударил CMD, это изменилось бы на указатель, но он остался бы таким же, как и везде, на странице, если я снова не ударил CMD. Моя вторая проблема заключается в отключении тени по умолчанию в текстовом поле ввода. Ive попробовал тень: нет; но это не сработало. Im на макинтош с помощью сафари 9.0.3 Default shadow on input element

form { 
    width: 100%; 
    input[type=text]{ 
     border-radius: 0.5em; 
     height: 1.5vw; 
     font-size: $fntSize; 
     width: 12.7%; 
     position: absolute; 
     top: 10.35vw; 
     left: 68.3vw; 
     box-shadow: none; 
     cursor: text; 
    } 
    input[type=image]{ 
     position: absolute; 
     top: 10.8vw; 
     left: 80.1vw; 
     height: 0.8vw; 
     cursor: pointer; 

Answer 1

Решение проблемы с курсором будет намного проще с jsfiddle, что повторяет ошибку на вашем конце.

С точки зрения стилизации по умолчанию на входе это фактически border стиль не box-shadow. Вход по умолчанию равен border-style: inset, поэтому вам просто нужно установить нужные свойства на свое место. Например. border: 1px solid #ccc или border-style: solid как минимум.