CSS box-shadow в React - PullRequest
Новая
       16

CSS box-shadow в React

1 голос
/ 06 мая 2019

Я начал свой визуальный дизайн для проекта в простом приложении HTML, используя простой CSS.Я решил, что хочу перенести весь свой CSS-код в совершенно новое приложение React, которое я только что создал, но у меня возникают проблемы с получением некоторых стилей, которые теперь работают в моем приложении React

, которое я используюодна из следующих модификаций: https://codepen.io/creotip/full/cfuAi

Это работало нормально, когда я тестировал его в своем HTML-приложении. Единственное, что вообще не отображается, это тень внизу «кнопок» ирадиус границы на двух нижних углах.У меня есть стили, которые доставляют мне проблемы.Все остальные стили хороши, кроме теней

пример div из моего app.js 

<div>
  <a href="#" className="btn left">
    <span className="left icon fa fa-recycle"></span>
    <span className="right title"><span className="arrow-right"> 
    </span>Test link</span>
  </a>
</div>

my css 

span.left{
 float:left;        
 border-radius:6px 0 0 6px;
 -moz-border-radius:6px 0 0 6px;
 -webkit-border-radius:6px 0 0 6px;
}

span.icon{
 font-size:23px;
 background-color:#392315;
 -webkit-box-shadow:0 3px 0 0 #25170e; 
 box-shadow:0 3px 0 0 #25170e;
 text-shadow:0px 1px 1px #888;
}

span.title{
 -webkit-box-shadow:0 3px 0 0 #401d0d;
 box-shadow:0 3px 0 0 #401d0d;
 background-color:#5c2912;
}

Есть ли определенный стиль, который я здесь использую, который не совместим с React?

...