Home/ Questions/Q 7054347
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T03:36:56+00:00

When a user clicks on the textbox, the font in the textbox should change

  • 0

When a user clicks on the textbox, the font in the textbox should change color, but for some reason it does not.

I have the following code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function() {
      $(".textbox0").click(function() {
        $(this).css('color', 'rgb(64, 0, 128)');
      });
    });
  </script>
  <style type="text/css">
    .textbox0 {
      position: fixed;
      left: 131px;
      top: 38px;
      font-family: Arial;
      font-size: 8px;
      font-weight: normal;
    }
  </style>
</head>

<body>
  <div class="textbox0"><textarea rows=7 cols=30>Change colour</textarea></div>
</body>
</html>

I believe I did everything correctly as this method worked with buttons, but I guess I didn’t.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to apply the change to the textarea element, not the div:

    $(".textbox0 textarea").click(function() {
    $(this).css('color', 'rgb(64, 0, 128)');
});

    Here’s a working example.

    If you need to keep the click event handler bound to the .textbox0 element and not the textarea, you could use the find (or children) method within the event handler to apply the change to the textarea:

    $(".textbox0").click(function() {
    $(this).find("textarea").css("color", "rgb(64, 0, 128)");
});
    • 0