为什么<li>中加role在前端下拉框选项中，待选项前面有空格，而不加role的就没有空格？

如上图所示，如果<li></li>中间单纯的添加下拉菜单内容待选项，那么前面是没有空隙的

而加了role这些一对代码后就如上图所示“苹果”的前面就有空隙了

但是我尝试每次删除这一行的一部分代码，发现每次都能够有空隙，所以我不清楚具体是这一行哪段代码起到了空隙的作用，求解惑