:readonly-styles 没有起效

非常抱歉，我之前的回答有误。Quasar的`q-input`组件没有直接支持`readonly-styles`属性来自定义只读状态下的样式。

要自定义`q-input`在只读状态下的样式，你可以使用CSS来覆盖默认的样式。以下是一个示例代码，演示如何通过CSS来自定义只读状态下的样式：

<template>
  <q-input
    v-model="submitData.SALERTAXNO"
    outlined
    label="公司税号"
    dense
    clearable
    :readonly="true"
    class="custom-readonly-input"
  >
  </q-input>
</template>

<style scoped>
.custom-readonly-input input,
.custom-readonly-input .q-field__native {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
}
</style>

在上面的代码中，我们使用`class`属性给`q-input`添加了一个自定义的类名`custom-readonly-input`。然后，在样式部分，我们使用该类名来覆盖默认样式。通过修改`input`和`.q-field__native`选择器下的样式，我们可以实现自定义的只读样式。

希望这个示例能够帮助到你！如果还有其他问题，请随时提问。