Front--CSS

Front-end JS and CSS has been a pain point of their own. Let's just say learn as much as you can.

Here are a few points to your own summary:

① when there is more than one style in a tag, we can set it to the highest level, then the style is displayed.

Add!important; Property.

style= "width:180px!important;"

② when debugging to the overall debugging, first to find out which component.

<ul class= "Search_content" ><li style= "width:245px; " > Project Code: <input  class= "Form-control"  name= "Projectcode"  id= "Projectcode"  value= "${PROJECT.PROJECTCODE&NBSP;}"  style= "width:180px  !important;" ></li><li style= "WIDTH:245PX;" > Project name:  <input class= "Form-control"  name= "ProjectName"  id= "ProjectName"  value= "$ {project.projectname } "   style=" width:180px  !important; " ></li ><li style= "width:270px;" > Attribution product line: <select class= "Form-control"  id= "Sectorid"  name= "Sectorid"  ><option  value= "" >---Please select---</option><c:foreach var= "bizcodekeyvalue"  items= "${ listorganization } "><option value=" ${bizcodekeyvalue.id} " <c:if test=" ${ Project.sectorid == bizcodekeyvalue.id} "> selected</c:if>>${bizcodekeyvalue.orgname }</option></c:forEach>   </select></li><li style= "width:270px;" > Project stage: <sccl:selectbizcodes category= "Project_phase"  name= "Projectphase"  id= "ProjectPhase"  selected= "${PROJECT.PROJECTPHASE&NBSP;}" ></sccl:selectBizCodes></li></ul>

③ Common CSS files are not modified in general. Instead, modify it individually because you don't know if it will affect the other.

④ debugging when you must use good browser debugging functions, debugging the size of the page, and then modify the code.

⑤ to the front-end personnel to consult.

"Get focus automatically"

<input name= "J_username" id= "loginId" type= "text" Autofocus >

This article from "Jianbo" blog, reproduced please contact the author!

Front--CSS