JSFiddle - React, Tailwind, and code Playground

HTML

<textarea class="add-news">X</textarea>

JavaScript

$('.add-news').each( function () {
        $(this).val($(this).attr('defaultValue'));
        $(this).css({'color':'#686868' ,  'font-size':'11px', 'font-weight':'bold'});
    });
    $('.add-news').focus(function(){
        if ( $(this).val() == $(this).attr('defaultValue') ){
            $(this).val('');
            $(this).css({'color':'#686868' , 'font-size':'11px', 'font-weight':'bold'});
        }
    });
    $('.add-news').blur(function(){
        if ($(this).val() == '' ){
            $(this).val($(this).attr('defaultValue'));
            $(this).css({'color':'#686868' ,  'font-size':'11px', 'font-weight':'bold'});
        }
    });