Javascript 文本区域中的滚动条光标模式（适用于google chrome）

我已经实现了文本区域，所以文本区域有两种模式。只读模式和编辑模式。在只读模式下，我已将光标模式设置为只读 ex:-（CSS代码）

光标：不允许但滚动条光标模式也提供只读符号。我已附上屏幕截图供您参考。是否有方法仅更改滚动条的光标模式？我只想将滚动条光标模式更改为默认模式，例如：-
cursor:default

我们必须添加两个分区标记，一个用于整个div，另一个用于
像这样有两个类的文本区域

这是获得想法的屏幕截图



我们必须添加两个分区标记，一个用于整个div，另一个用于
像这样有两个类的文本区域

这是获得想法的屏幕截图


在
中，当您已经更改光标时，无法处理滚动条光标（例如：-光标：不允许）

在
中，当您已经更改光标时，无法处理滚动条光标（例如：-光标：不允许）

保存/具有文本区域的元素与为其定义了滚动属性的元素相同？是的，同时减少窗口/屏幕滚动条，自动为文本区域添加滚动条。显然，滚动条不允许使用光标也将激活。在div元素中包装文本区域并设置光标：不允许仅在该div中使用。在@Yogita088中使用div包装无效，因为当您移动到文本区域上时，光标将处于编辑模式。@Eashan您可以共享一串代码吗？保存/具有文本区域的元素与为其定义了scroll属性的元素相同？是，在减少窗口/屏幕滚动条的同时，自动为文本区域添加。显然，不允许的光标也将为滚动条激活。在div元素中换行文本区域并设置光标：仅该div不允许。在@Yogita088中换行div无效，因为当您移动到文本区域上时，光标将处于编辑模式。@Eashan您可以共享一串代码吗？
<div class="form-control readonly-form-text">
  <div class="readonly-form-text-content">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore 
  </div>
</div>

.form-control readonly-form-text {
   overflow: auto; 
   cursor: default !important; 
}

.readonly-form-text-content {
   cursor:not-allowed;
}