テキストエリアをクリックしたら縦棒→｜を表示さたいです
解決したいこと
railsにてテキストエリアをクリックしたら縦棒→｜を表示さたいです。
ご存じの方がいらっしゃいましたら、ご教示頂きたいです。
発生している問題・エラー
下記のような、画像のようにテキストエリアをクリックして文字打つ際に、縦棒→｜が出ないです。
ちなみに、file_fieldだと、縦棒→｜が出てきます(分かりずらいですが)
該当するソースコード
検証ツールで確認すると、このような形で反映されております。
textarea {
-webkit-writing-mode: horizontal-tb !important;
text-rendering: auto;
color: -internal-light-dark(black, white);
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
appearance: auto;
background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
-webkit-rtl-ordering: logical;
flex-direction: column;
resize: auto;
cursor: text;
white-space: pre-wrap;
overflow-wrap: break-word;
column-count: initial !important;
margin: 0em;
font: 400 13.3333px Arial;
border-width: 1px;
border-style: solid;
border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
border-image: initial;
padding: 2px;
}
<%= f.text_area :memo, class:"card__memotext", placeholder:"メモ 100文字まで",maxlength:"100" %>
自分で試したこと
検証ツールにて、反映されているのを調べたがわからなかった
0
