如何使<textarea>不透明

时间:2018-07-11 04:45:50

标签: html css textarea

  label {
  font-weight:正常;
  padding-right:10像素;
  向左飘浮;
  宽度:186px;
  底边距:0;
  职位:相对
}

文本区域{
  位置:绝对;
  顶部:17px;
  溢出:隐藏;
}  
    

默认状态:

”在此处输入图片描述“

当文本区域聚焦时,其高度将向下滚动,否则滚动至默认状态。

焦点状态:

”在此处输入图片描述“

问题是文本区域背景是透明的!

我尝试将背景设置为灰色,但仍然是透明色且具有灰色背景:

”在此处输入图片描述“

那么,如何使文本区域不透明?

2 个答案:

答案 0 :(得分:0)

您是否尝试将不透明度设置为1?

答案 1 :(得分:0)

已解决问题,添加CSS Z-index

textarea {
    position: absolute;
    top: 17px;
    overflow: hidden;
    z-index: 10;
}