linear-gradient attribute cannot be overwritten #570

wqRan · 2024-03-09T06:20:21Z

Affected version

0.16.0-beta.4

Flutter versions

3.16.0

No same issues found.

Yes, I search all issues but not found.

Steps to Reproduce

设置背景色为linear-gradient后，无法覆盖颜色

Code example

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<head>
<style>
  .button {
      padding: 20px;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      margin: 10px;
      background: linear-gradient(to right, red, blue)
    }
    .button.active {
      background: #ccc;
    }
</style>
</head>

<body>
  <div class="button">按钮正常态</div>
  <div class="button" id="myButton" >点击按钮 按钮按下态</div>
<script>
  var button = document.getElementById('myButton');
  button.addEventListener('mousedown', function() {
    button.classList.add('active');
  });
  button.addEventListener('mouseup', function() {
      button.classList.remove('active');
  });
</script>
</body>

</html>

Expected results

Actual results

The text was updated successfully, but these errors were encountered:

wqRan added the bug Something isn't working label Mar 9, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

linear-gradient attribute cannot be overwritten #570

linear-gradient attribute cannot be overwritten #570

wqRan commented Mar 9, 2024

linear-gradient attribute cannot be overwritten #570

linear-gradient attribute cannot be overwritten #570

Comments

wqRan commented Mar 9, 2024

Affected version

Flutter versions

No same issues found.

Steps to Reproduce

Code example

Expected results

Actual results