fix: post annotations form layout issues in Chrome browser

[ruibaby]

What type of PR is this?

/kind bug
/area ui
/milestone 2.20.x

What this PR does / why we need it:

修复文章元数据表单在 Chrome 下的异常样式。

原因：https://developer.chrome.com/blog/styling-details#demo

Does this PR introduce a user-facing change?

修复文章元数据表单在 Chrome 下的异常样式。

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 57.23%. Comparing base (eff73dc) to head (ae234ed).
Report is 62 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff              @@
##               main    #7076      +/-   ##
============================================
+ Coverage     56.99%   57.23%   +0.23%     
- Complexity     3999     4008       +9     
============================================
  Files           714      712       -2     
  Lines         24110    24154      +44     
  Branches       1585     1592       +7     
============================================
+ Hits          13742    13824      +82     
+ Misses         9756     9714      -42     
- Partials        612      616       +4     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

---

🚨 Try these New Features:

• Flaky Tests Detection - Detect and resolve failed and flaky tests

[guqing]

/approve

[JohnNiang]

/lgtm

[f2c-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: guqing, JohnNiang

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• OWNERS [JohnNiang,guqing]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment