提问者:小点点

为textarea创建虚线背景


我有问题与创建这样的背景。

我试过径向渐变,但看起来不太好。我做的最新的事情是一个虚线背景与线性渐变的帮助。但即使是它也有一些背景问题。

background-image: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%),
    -webkit-linear-gradient(bottom, rgba(128,128,128,1) 1%, rgba(128,128,128,0) 5%, rgba(128,128,128,0) 10%);

感谢所有参与的人


共1个答案

匿名用户

您可以尝试使用SVG作为后台。你应该有一个比径向渐变更好的渲染:

null

textarea {
  line-height:1.5em;
  font-size:18pw;
  height:200px;
  width:200px;
  background:
   url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 6 6"><circle cx="3" cy="3" r="2" fill="red" /></svg>') 
     0 1em/8px 1.5em 
     yellow;
}
<textarea>
some content here
also here
</textarea>