Html Chrome和Safari浏览器上的占位符故障显示非常适合mozilla浏览器

我创建了登录表单，有电子邮件和密码字段，这两个字段在chrome和safari浏览器中都会改变位置

/*登录*/
.登录容器{
显示器：flex；
宽度：100%；
最小高度：100vh；
}
。登入表格：在{
内容：“；
位置：绝对位置；
底部：0px；
右：50px；
高度：800px；
宽度：800px；
背景：透明；
边框：1px实心rgba（0,0,0,0.05）；
边界半径：900px；
}
.登入表格{
弹性基准：575px；
flex-grow:0；
位置：相对位置；
背景：线性梯度（左上角，rgba（50,78,225,0.20）0%，rgba（255,255,255,0.0）100%）；
背景：-moz线性梯度（左上角，rgba（50,78,225,0.20）0%，rgba（255,255,255,0.0）100%）；
背景：-webkit线性梯度（左上角，rgba（50,78,225,0.20）0%，rgba（255,255,255,0.0）100%）；
背景：-ms线性梯度（左上角，rgba（50,78,225,0.20）0%，rgba（255,255,255,0.0）100%）；
背景：-o-线性梯度（左上角，rgba（50,78,225,0.20）0%，rgba（255,255,255,0.0）100%）；
填充：75px；
}
。登入表格：於{
内容：“；
位置：绝对位置；
底部：0px；
右：130px；
高度：600px；
宽度：600px；
背景：透明；
边框：1px实心rgba（0,0,0,0.05）；
边界半径：600px；
}
.登录表单.乐队标识{
高度：85px；
宽度：85px；
边界半径：20px 35px 20px 35px；
背景色：#000；
显示：内联flex；
对齐项目：居中；
证明内容：中心；
边框：5px实心#fff；
}
.登录表单.品牌标题{
柔性生长：1；
弹性基准：0；
}
.登录表单h3.页面名称{
字体系列：poppins常规；
字体大小：24px；
背景色：#000000；
边界半径：100px；
填充：12px 30px 17px 30px；
颜色：#fff；
显示：内联flex；
右边距：-150px；
浮动：对；
字母间距：1px；
}
.login容器h4.page-title{
字体系列：poppins常规；
字体大小：24px；
背景色：#000000；
边界半径：100px 0px 0px 100px；
填充：20px 30px 25px 30px；
颜色：#fff；
显示：内联flex；
位置：绝对位置；
底部：100px；
右：0px；
}
.登入表格h1 span{
字体系列：poppins中等；
字号：26px；
颜色：#000；
显示：块；
线高：40px；
}
.登入表格h1{
字体系列：poppins粗体；
颜色：#324ee1；
字体大小：42px；
位置：相对位置；
填充：35px 0px 60px 0px；
}
.登录表单h1：之后{
内容：“；
底部：0px；
右：27px；
高度：50px；
宽度：50px；
边界半径：50px；
边框：10px实心#ffc000；
位置：绝对位置；
}
.登录横幅{
柔性生长：1；
弹性基准：0；
}
.登录横幅img{
身高：100%；
宽度：100%；
对象匹配：覆盖；
}
形式{
位置：相对位置；
z指数：1；
}
.物料表单.表单组{
边缘底部：50px；
}
.物料表格标签{
颜色：rgba（0,0,0,0.7）；
字号：18px；
边缘底部：5px；
字体系列：avenir roman；
不透明度：0.5；
}
.材料表a.btn-send-message{
空白：nowrap；
}
.材料形式#错误处理{
显示：无；
}
.材料表格.表格i组{
位置：绝对位置；
左：15px；
顶部：45px；
颜色：rgba（0,0,0,0.60）；
字体大小：20px；
}
.物料表格.表格p组{
字体系列：ubuntu常规；
字号：18px；
不透明度：0.6；
}
.材料表格输入，
.材料形式文本区域{
保证金：0px 0px 10px 0px；
宽度：100%；
显示：块；
边界：无；
填充：10px 0 10px 35px；
边框底部：实心1pxRGBA（0,0,0,0.15）；
-webkit转换：所有0.3立方贝塞尔（0.64,0.09,0.08,1）；
过渡：所有0.3立方贝塞尔（0.64,0.09,0.08,1）；
背景：-webkit线性梯度（顶部，rgba（255255,0）0%，rgba（255255,0）钙（100%-2px），#324ee1钙（100%-2px），#324ee1 100%）；
背景：线性梯度（至底部，rgba（255255,0）0%，rgba（255255,0）钙（100%-2px），#324ee1钙（100%-2px），#324ee1 100%）；
背景位置：0；
背景尺寸：0px 100%；
背景重复：无重复；
颜色：rgba（0,0,0,0.95）；
字体大小：20px；
调整大小：无；
字体系列：poppins常规；
}
/*.材料形式输入：焦点，
.物料表单输入：有效，
.材料形式文本区域：焦点，
.material form textarea:有效{*/
.材料形式输入：焦点，
.材料表单文本区域：焦点{
盒影：无；
大纲：无；
背景大小：100%100%；
边框底部：实心1px#324ee1；
}
.材料表单输入：：-webkit输入占位符，
.material form textarea:：-webkit输入占位符{
字体系列：“roboto”，无衬线；
-webkit过渡：所有0.3轻松输入输出；
过渡：所有0.3秒的缓进缓出；
字体大小：10px；
}
.material表单输入：焦点：--webkit输入占位符，
.物料表单输入：有效：：-webkit输入占位符，
.material表单文本区域：焦点：--webkit输入占位符，
.material form textarea:有效：：-webkit输入占位符{
颜色：#000；
字体大小：10px；
-webkit转换：translateY（-20px）；
转换：translateY（-20px）；
可见性：可见！重要；
}
a、 链接忘记密码{
字体系列：avenir roman；
字号：19px；
颜色：rgba（0,0,0,0.55）；
利润率：10px 0px；
显示：块；
}
a、 链接忘记密码：悬停{
颜色：rgba（0,0,0,0.75）；
}
.btn登录{
利润上限：35px；
过渡：均为0.3秒；
字体大小：20px；
}
.btn登录：悬停{
颜色：#fff；
背景色：#3149c9；
边缘顶部：32px；
过渡：均为0.3秒；
}
.btn登录：悬停：之后{
底部：-1px；
不透明度：0.85；
}
.btn登录：悬停i{
动画：1s图标向前；
过渡：0.5s；
}

电子邮件
密码
登录

如果不想改变其位置，则应删除以下规则

.material-form input::-webkit-input-placeholder,
.material-form textarea::-webkit-input-placeholder {
  font-family: 'roboto', sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 10px;
}
.material-form input:focus::-webkit-input-placeholder,
.material-form input:valid::-webkit-input-placeholder,
.material-form textarea:focus::-webkit-input-placeholder,
.material-form textarea:valid::-webkit-input-placeholder {
  color: #000;
  font-size: 10px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  visibility: visible !important;
}

/*登录*/
.登录容器{
显示器：flex；
宽度：100%；
最小高度：100vh；
}
。登入表格：在{
康顿
.material-form input:focus::-webkit-input-placeholder,
.material-form input:valid::-webkit-input-placeholder,
.material-form textarea:focus::-webkit-input-placeholder,
.material-form textarea:valid::-webkit-input-placeholder {
  color: #000;
  font-size: 10px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  visibility: visible !important;
}

 .input-email::-webkit-input-placeholder {
    font-style: italic;
    font-size: 12px;
    font-weight: 600;
    color: #9b9b9b;
  }

  /* WebKit, Blink, Edge */
  .input-email:-moz-placeholder {
    font-style: italic;
    font-size: 12px;
    font-weight: 600;
    color: #9b9b9b;
  }

  /* Mozilla Firefox 4 to 18 */
  .input-email::-moz-placeholder {
    font-style: italic;
    font-size: 12px;
    font-weight: 600;
    color: #9b9b9b;
  }

  /* Mozilla Firefox 19+ */
  .input-email:-ms-input-placeholder {
    font-style: italic;
    font-size: 12px;
    font-weight: 600;
    color: #9b9b9b;
  }

  /* Internet Explorer 10-11 */
  .input-email::-ms-input-placeholder {
    font-style: italic;
    font-size: 12px;
    font-weight: 600;
    color: #9b9b9b;
  }