Home/ Questions/Q 7498539
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T19:30:32+00:00

I’m having issues with implementing a flex button component: I have applied a CSS

  • 0

I’m having issues with implementing a flex button component:

I have applied a CSS style to button and set border-color to, say #555555.
So far, it works as expected.

Then, when my application is resized, the border of the button component becomes blurred and its width automatically changes from 1 pixel to 2 pixels, which doesn’t look very well..

When I maximize the app again, after the border is blurred, the buttons’ border becomes 1 pixel and looks nice.

The shift from 1px to 2px to 1px also happens when I slowly increase or decrease the width of the application.

enter image description here

What’s causing this issue?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    i have found the mistake,

    this is because if the container which contains the buttons have the x,y position in float that sets the buttons relative position in float values that is not round of automatically in flex 3.2 so the drawing of buttons looks blurred as i tries do draw the button on two pixel i.e. in case of x= 3.3 the button will have the drawing on 3 and 4 pixel . by simply rounding off this value solves the problem.

    NOTE : in case of graphics.drawing method this problem is avoided automatically.

    • 0